virtual Yamaha DX7 synth in a browser.
sneak peek to OBXD JUCE plugin
Please note that AudioWorklets require Chrome Canary 64 (or later) and setting a flag as explained here.
This repo contains a work-in-progress implementation of webdx7 in WebAssembly. The binary runs in AudioWorklet. webdx7 is built on top of Web Audio Modules (WAMs) API, which is currently extended to support AudioWorklets and WebAssembly.
The code here includes pure hacks to work around limitations in current AudioWorklet browser implementation, and should definitely not be considered best practice :) WAMs API will be updated as AudioWorklets mature.
- emscripten toolchain (incoming branch)
- node
cd build
export PATH=$PATH:/to/emsdk/where/emmake/resides
emmake make
step #1 creates two files, dx7.wasm and dx7.js. WASM binary cannot currently be loaded into AudioWorkletProcessor (AWP) directly, so let's encode it into a JS Uint8Array in step #2.
node encode-wasm.js
step #2 produces dx7.wasm.js file, which can be loaded into AWP. The dx7.js file produced in step #1 contains the wasm loader code. Rename it as loader.js and proceed to step #3.
open loader.js in an editor, beautify, and replace line 949 with following two lines:
"initial": TOTAL_MEMORY / WASM_PAGE_SIZE,
"maximum": TOTAL_MEMORY / WASM_PAGE_SIZE
We have now dx7.wasm.js (from step #2) and loader.js (from step #3). Copy these files to dist/dx7 folder, and copy some DX7 sysex files into dist/dx7/presets. See readme there for instructions.
Finally open dist/dx7.html in Chrome Canary 64 and enjoy cool authentic FM sounds straight in browser. Works with MIDI and embedded virtual keyboard.