添加跨域标头后 FFmpeg.wasm 停止工作

Question

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

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

在那之后，现在当我尝试运行代码时，我得到了Uncaught ReferenceError: FFmpeg is not defined。该错误发生在 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 浏览器上，进程运行正常，无需添加跨域标头，并且还定义了 FFmpeg 变量。

Answer 1

原因是要让 SharedArrayBuffer 工作，使用其功能的脚本也必须通过这些标头选择加入。

很遗憾，https://unpkg.com/ 目前不提供带有 COOP/COEP 标头的脚本。

要使您的应用程序再次运行，您必须从您自己的来源复制并自行托管这些源，或者将它们捆绑为您的应用程序的一部分。