fix: locateFile cho FluidSynth WASM module (dùng self-host/CDN)

Module script (type=module) có document.currentScript === null,
nên libfluidsynth không thể tự locate .wasm file. Fix: pass
locateFile() trả về URL .wasm tương ứng với URL .js đã load.

fluidsynthLoader.js: expose __FluidSynthLocateWasm() trả về
FLUIDSYNTH_JS_URL.replace('.js', '.wasm'). Dùng polling
setInterval thay vì resolve callback cho đáng tin cậy hơn.
soundfontPlayer.js: pass locateFile factory khi gọi factory.
This commit is contained in:
2026-07-27 14:48:58 +07:00
parent ef1238b87d
commit e801023beb
2 changed files with 38 additions and 17 deletions
+30 -16
View File
@@ -1,23 +1,37 @@
window.__FluidSynthReady = new Promise(function (resolve) {
var FLUIDSYNTH_SRC;
(function () {
if (window.__FluidSynthReady) return;
var FLUIDSYNTH_JS_URL;
var FLUIDSYNTH_WASM_URL;
if (window.__FLUIDSYNTH_CDN) {
FLUIDSYNTH_SRC = window.__FLUIDSYNTH_CDN;
FLUIDSYNTH_JS_URL = window.__FLUIDSYNTH_CDN;
} else if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
FLUIDSYNTH_SRC = 'https://cdn.jsdelivr.net/npm/@enikey87/fluidsynth-emscripten@0.1.1/dist/libfluidsynth-2.3.0-sf3.js';
FLUIDSYNTH_JS_URL = 'https://cdn.jsdelivr.net/npm/@enikey87/fluidsynth-emscripten@0.1.1/dist/libfluidsynth-2.3.0-sf3.js';
} else {
FLUIDSYNTH_SRC = '/static/js/vendor/libfluidsynth-2.3.0-sf3.js';
FLUIDSYNTH_JS_URL = '/static/js/vendor/libfluidsynth-2.3.0-sf3.js';
}
var script = document.createElement('script');
script.type = 'module';
script.textContent = [
'import FluidsynthModule from "' + FLUIDSYNTH_SRC + '";',
'window.__FluidSynthModuleFactory = FluidsynthModule;',
'window.__FluidSynthReadyResolver = function() { window.__FluidSynthReadyResolve(); };',
'console.log("[FluidSynth] Loaded from:", "' + FLUIDSYNTH_SRC + '");'
].join('\n');
document.head.appendChild(script);
FLUIDSYNTH_WASM_URL = FLUIDSYNTH_JS_URL.replace(/\.js$/, '.wasm');
window.__FluidSynthReadyResolve = resolve;
});
window.__FluidSynthLocateWasm = function () { return FLUIDSYNTH_WASM_URL; };
window.__FluidSynthReady = new Promise(function (resolve) {
var script = document.createElement('script');
script.type = 'module';
script.textContent = [
'import FluidsynthModule from "' + FLUIDSYNTH_JS_URL + '";',
'window.__FluidSynthModuleFactory = FluidsynthModule;',
'console.log("[FluidSynth] Loaded:", "' + FLUIDSYNTH_JS_URL + '");'
].join('\n');
document.head.appendChild(script);
var check = setInterval(function () {
if (window.__FluidSynthModuleFactory) {
clearInterval(check);
resolve();
}
}, 50);
setTimeout(function () { clearInterval(check); resolve(); }, 15000);
});
})();