javascript - 添加跨域 header 后 FFmpeg.wasm 停止工作

Question

我有 SharedArrayBuffer error as described in this other issue为了解决这个问题，我按照建议(也建议 here)通过添加标题添加了跨源隔离

Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Embedder-Policy: require-corp

之后，现在当我尝试运行我刚刚得到 的代码时未捕获的 ReferenceError: FFmpeg 未定义 .该错误发生在 Firefox 上
我的代码是:

<script  src="https://unpkg.com/@ffmpeg/ffmpeg@0.10.0/dist/ffmpeg.min.js"></script>
<script>
    
    const { createFFmpeg, fetchFile } = FFmpeg; //error happens here
    const ffmpegInstance = createFFmpeg({
        corePath: 'https://unpkg.com/@ffmpeg/core@0.10.0/dist/ffmpeg-core.js',
        log: true,
    });
 </script> 

在那之前 ，在 Brave 浏览器上，进程运行正常，无需添加 Cross origin header 和 FFmpeg变量被定义。

Answer 1

原因是要使 SharedArrayBuffer 正常工作，使用其功能的脚本也必须通过这些 header 选择加入。
不幸的是，https://unpkg.com/目前不提供带有 COOP/COEP header 的脚本。
要使您的应用程序再次运行，您必须从您自己的来源复制和自托管这些源，或者将它们捆绑为您的应用程序的一部分。