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

Question

通过使用以下选项进行编译，
emcc -s WASM=1 main.cpp -o index.js
emscripten 生成 index.wasm , 和一个 js 包装器 index.js .
js 包装器加载 .wasm文件位于同一目录中，使用 XMLHttpRequest当它在浏览器中运行时。

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

以下是我需要这样做的一些情况:

我需要服务.wasm来自另一个 url 的文件(例如来自 CDN)。

下载地址 .wasm文件是动态生成的。

代码在沙箱中运行，其中 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 包装器中拥有您的自定义加载行为。