Emscripten：自定义生成的 js，使其以自定义方式加载 .wasm 文件

Question

通过使用以下选项进行编译，

emcc -s WASM=1 main.cpp -o index.js

emscripten 生成一个 index.wasm 和一个 js 包装器 index.js。 js 包装器加载位于同一目录中的.wasm 文件，在浏览器中运行时使用XMLHttpRequest。

如果我需要手动加载.wasm 文件怎么办？加载部分在包装器中似乎是硬编码的。

以下是我需要这个的一些情况：

• 我需要从另一个网址（例如来自 CDN）提供 .wasm 文件。
• 下载.wasm文件的url是动态生成的。
• 代码在沙箱中运行，不允许XMLHttpRequest，只有getMyData('some_file')之类的API。
• 我需要将所有文件嵌入为 base64 字符串。

我知道我只能通过

生成.wasm文件

emcc -s WASM=1 main.cpp -o index.wasm

但随后我丢失了包装器，这在使用 SDL 和 GLES 等一些 emscripten API 时并非易事。

Answer 1

AFIK，JS 包装器调用 fetch() 而不是 XHR。如果可用，您可以使用 Service Worker 拦截该请求并返回您想要的任何内容。

您还可以修改 Emscripten 源代码（我有 v1.39.13）以重写默认加载行为。在文件 $EMSDK/upstream/emscripten/src/preamble.js 中，根据自己的喜好修改函数 getBinaryPromise() 和 getBinary()，然后使用 emcc 构建以在 WASM JS 包装器中自定义加载行为。