V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yazoox
V2EX  ›  前端开发

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

  •  
  •   yazoox · 2021-12-23 09:46:15 +08:00 · 1747 次点击
    这是一个创建于 851 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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 条回复    2022-01-07 09:52:33 +08:00
    powerfulyang
        1
    powerfulyang  
       2021-12-23 10:50:35 +08:00
    不知道你为什么这样,我按照你的步骤试了是 外部引入 rxjs 这个包的 header 有问题,改成本地路径就好了。
    ![如图]( https://imgur.com/a/HN94kd6)
    yazoox
        2
    yazoox  
    OP
       2021-12-23 11:15:18 +08:00
    @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
        3
    powerfulyang  
       2021-12-23 11:32:03 +08:00
    我猜一个原因啊 你试试 command+shift+r, 可能是缓存了 header 。
    hexiyang
        4
    hexiyang  
       2021-12-23 11:48:12 +08:00
    我在使用 ffmpeg 时也遇到了类似的问题,是因为从 Chrome 92 开始默认关闭了 SharedArrayBuffer ,需要在服务器中添加额外的标头。

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

    具体信息你可以看一下 https://web.dev/cross-origin-isolation-guide/
    otakustay
        5
    otakustay  
       2021-12-23 11:48:21 +08:00
    是的因为幽灵漏洞 Chrome 现在是关了 SharedArrayBuffer 的,你自己在 console 里跑下 windows.SharedArrayBuffer 大概就能看

    至于是你的哪个包或哪段代码依赖了 SharedArrayBuffer ,就不得而知了
    yazoox
        6
    yazoox  
    OP
       2022-01-07 09:52:33 +08:00
    @powerfulyang 不好意思,不太懂。在哪里输入 command+shift+r ,是在 chrome 浏览器里面么?清除缓存?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1079 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 19:05 · PVG 03:05 · LAX 12:05 · JFK 15:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.