使用 npx serve . 打开一个 html，但是碰到了 SharedArrayBuffer is not defined

This topic created in 1600 days ago, the information mentioned may be changed or developed.

git clone https://github.com/ColinEberhardt/ffmpeg-wasm-streaming-video-player cd ffmpeg-wasm-streaming-video-player npx serve .

refer to: https://github.com/ffmpegwasm/ffmpeg.wasm/issues/263 然后我尝试添加了一个 serve.json 在当前目录下，内容是

{ "headers": [ { "source" : "*", "headers" : [{ "key" : "Cross-Origin-Embedder-Policy", "value" : "require-corp" }, { "key" : "Cross-Origin-Opener-Policy", "value" : "same-origin" }] } ] }

可是，我在 console 里面还是能够看到这个错误"Uncaught (in promise) ReferenceError: SharedArrayBuffer is not defined"

我在 network 里面，打开“locahost",或者 ”192.168.0.127"对应的 reqest ，发现 response 里面没有我设置的 policy 我使用了 chrome 插件 CORS ，enable 了所有的 CORS ，依然不行。还是报这个错误。 Screen Shot network

是怎么回事呢？ chrome 默认关闭了 SharedArrayBuffer ？我的 chrome 已经是 Version 96.0.4664.93 (Official Build) (x86_64)最新版本了，我在设置里面，也没有找到 SharedArrayBuffer 的相关设置呢

OS: mac bigSur

6 replies 2022-01-07 09:52:33 +08:00

powerfulyang

Dec 23, 2021

不知道你为什么这样，我按照你的步骤试了是外部引入 rxjs 这个包的 header 有问题，改成本地路径就好了。
![如图]( https://imgur.com/a/HN94kd6)

yazoox

Dec 23, 2021

@powerfulyang
啊！我又试了一下，
1. 把 rxjs.umd.js 先下载到本地，然后 src="rxjs.umd.js"，其它都是 git repo 里面的无变化，但是还是报同样的错误。
2. 然后，和 1 一样的步骤，再加上我主帖里面的修改，还是报错。不过，这次是 "Uncaught (in promise) Error: bad memory" ![如图]( https://s2.loli.net/2021/12/23/z5K1ZkwSlaj9rFt.png)
好惨，为什么你的可以......

powerfulyang

Dec 23, 2021

我猜一个原因啊你试试 command+shift+r, 可能是缓存了 header 。

hexiyang

Dec 23, 2021

我在使用 ffmpeg 时也遇到了类似的问题，是因为从 Chrome 92 开始默认关闭了 SharedArrayBuffer ，需要在服务器中添加额外的标头。

如果只是为了本地开发，最简单的方案是启动 chrome 时添加命令行标志 --enable-features=SharedArrayBuffer

具体信息你可以看一下 https://web.dev/cross-origin-isolation-guide/

otakustay

Dec 23, 2021

是的因为幽灵漏洞 Chrome 现在是关了 SharedArrayBuffer 的，你自己在 console 里跑下 windows.SharedArrayBuffer 大概就能看

至于是你的哪个包或哪段代码依赖了 SharedArrayBuffer ，就不得而知了

yazoox

Jan 7, 2022

@powerfulyang 不好意思，不太懂。在哪里输入 command+shift+r ，是在 chrome 浏览器里面么？清除缓存？