@grame/faustwasm 0.4.5 → 0.4.8

package/assets/standalone/index-poly.js

@@ -1,234 +0,0 @@
-/**
- * @typedef {import("./types").FaustDspDistribution} FaustDspDistribution
- * @typedef {import("./faustwasm").FaustAudioWorkletNode} FaustAudioWorkletNode
- * @typedef {import("./faustwasm").FaustDspMeta} FaustDspMeta
- * @typedef {import("./faustwasm").FaustUIDescriptor} FaustUIDescriptor
- * @typedef {import("./faustwasm").FaustUIGroup} FaustUIGroup
- * @typedef {import("./faustwasm").FaustUIItem} FaustUIItem
- */
-
-/**
- * Registers the service worker.
- */
-if ('serviceWorker' in navigator) {
-    window.addEventListener('load', () => {
-        navigator.serviceWorker.register('./service-worker.js')
-            .then(reg => console.log('Service Worker registered', reg))
-            .catch(err => console.log('Service Worker registration failed', err));
-    });
-}
-
-/** @type {HTMLSpanElement} */
-const $spanAudioInput = document.getElementById("audio-input");
-/** @type {HTMLSpanElement} */
-const $spanMidiInput = document.getElementById("midi-input");
-/** @type {HTMLSelectElement} */
-const $selectAudioInput = document.getElementById("select-audio-input");
-/** @type {HTMLSelectElement} */
-const $selectMidiInput = document.getElementById("select-midi-input");
-/** @type {HTMLSelectElement} */
-const $buttonDsp = document.getElementById("button-dsp");
-/** @type {HTMLDivElement} */
-const $divFaustUI = document.getElementById("div-faust-ui");
-
-/** @type {typeof AudioContext} */
-const AudioCtx = window.AudioContext || window.webkitAudioContext;
-const audioContext = new AudioCtx({ latencyHint: 0.00001, echoCancellation: false, autoGainControl: false, noiseSuppression: false });
-audioContext.destination.channelInterpretation = "discrete";
-audioContext.suspend();
-$buttonDsp.disabled = true;
-
-/**
- * @param {FaustAudioWorkletNode} faustNode 
- */
-const buildAudioDeviceMenu = async (faustNode) => {
-    /** @type {MediaStreamAudioSourceNode} */
-    let inputStreamNode;
-    const handleDeviceChange = async () => {
-        const devicesInfo = await navigator.mediaDevices.enumerateDevices();
-        $selectAudioInput.innerHTML = '';
-        devicesInfo.forEach((deviceInfo, i) => {
-            const { kind, deviceId, label } = deviceInfo;
-            if (kind === "audioinput") {
-                const option = new Option(label || `microphone ${i + 1}`, deviceId);
-                $selectAudioInput.add(option);
-            }
-        });
-    }
-    await handleDeviceChange();
-    navigator.mediaDevices.addEventListener("devicechange", handleDeviceChange)
-    $selectAudioInput.onchange = async () => {
-        const id = $selectAudioInput.value;
-        const constraints = {
-            audio: {
-                echoCancellation: false,
-                noiseSuppression: false,
-                autoGainControl: false,
-                deviceId: id ? { exact: id } : undefined,
-            },
-        };
-        const stream = await navigator.mediaDevices.getUserMedia(constraints);
-        if (inputStreamNode) inputStreamNode.disconnect();
-        inputStreamNode = audioContext.createMediaStreamSource(stream);
-        inputStreamNode.connect(faustNode);
-    };
-
-    const defaultConstraints = {
-        audio: {
-            echoCancellation: false,
-            mozNoiseSuppression: false,
-            mozAutoGainControl: false
-        }
-    };
-    const defaultStream = await navigator.mediaDevices.getUserMedia(defaultConstraints);
-    if (defaultStream) {
-        inputStreamNode = audioContext.createMediaStreamSource(defaultStream);
-        inputStreamNode.connect(faustNode);
-    }
-};
-
-/**
- * @param {FaustAudioWorkletNode} faustNode 
- */
-const buildMidiDeviceMenu = async (faustNode) => {
-    const midiAccess = await navigator.requestMIDIAccess();
-    /** @type {WebMidi.MIDIInput} */
-    let currentInput;
-    /**
-     * @param {WebMidi.MIDIMessageEvent} e
-     */
-    const handleMidiMessage = e => faustNode.midiMessage(e.data);
-    const handleStateChange = () => {
-        const { inputs } = midiAccess;
-        if ($selectMidiInput.options.length === inputs.size + 1) return;
-        if (currentInput) currentInput.removeEventListener("midimessage", handleMidiMessage);
-        $selectMidiInput.innerHTML = '<option value="-1" disabled selected>Select...</option>';
-        inputs.forEach((midiInput) => {
-            const { name, id } = midiInput;
-            const option = new Option(name, id);
-            $selectMidiInput.add(option);
-        });
-    };
-    handleStateChange();
-    midiAccess.addEventListener("statechange", handleStateChange);
-    $selectMidiInput.onchange = () => {
-        if (currentInput) currentInput.removeEventListener("midimessage", handleMidiMessage);
-        const id = $selectMidiInput.value;
-        currentInput = midiAccess.inputs.get(id);
-        currentInput.addEventListener("midimessage", handleMidiMessage);
-    };
-};
-
-/**
- * Creates a Faust audio node for use in the Web Audio API.
- *
- * @param {AudioContext} audioContext - The Web Audio API AudioContext to which the Faust audio node will be connected.
- * @param {string} dspName - The name of the DSP to be loaded.
- * @param {number} voices - The number of voices to be used for polyphonic DSPs.
- * @param {boolean} sp - Whether to create a ScriptProcessorNode instead of an AudioWorkletNode.
- * @returns {Object} - An object containing the Faust audio node and the DSP metadata.
- */
-const createFaustNode = async (audioContext, dspName = "template", voices = 0, sp = false) => {
-    // Import necessary Faust modules and data
-    const { FaustMonoDspGenerator, FaustPolyDspGenerator } = await import("./faustwasm/index.js");
-
-    // Load DSP metadata from JSON
-    /** @type {FaustDspMeta} */
-    const dspMeta = await (await fetch(`./${dspName}.json`)).json();
-
-    // Compile the DSP module from WebAssembly binary data
-    const dspModule = await WebAssembly.compileStreaming(await fetch(`./${dspName}.wasm`));
-
-    // Create an object representing Faust DSP with metadata and module
-    /** @type {FaustDspDistribution} */
-    const faustDsp = { dspMeta, dspModule };
-
-    /** @type {FaustAudioWorkletNode} */
-    let faustNode;
-
-    // Create either a polyphonic or monophonic Faust audio node based on the number of voices
-    if (voices > 0) {
-
-        // Try to load optional mixer and effect modules
-        try {
-            faustDsp.mixerModule = await WebAssembly.compileStreaming(await fetch("./mixerModule.wasm"));
-            faustDsp.effectMeta = await (await fetch(`./${dspName}_effect.json`)).json();
-            faustDsp.effectModule = await WebAssembly.compileStreaming(await fetch(`./${dspName}_effect.wasm`));
-        } catch (e) { }
-
-        const generator = new FaustPolyDspGenerator();
-        faustNode = await generator.createNode(
-            audioContext,
-            voices,
-            "FaustPolyDSP",
-            { module: faustDsp.dspModule, json: JSON.stringify(faustDsp.dspMeta) },
-            faustDsp.mixerModule,
-            faustDsp.effectModule ? { module: faustDsp.effectModule, json: JSON.stringify(faustDsp.effectMeta) } : undefined,
-            sp
-        );
-    } else {
-        const generator = new FaustMonoDspGenerator();
-        faustNode = await generator.createNode(
-            audioContext,
-            "FaustMonoDSP",
-            { module: faustDsp.dspModule, json: JSON.stringify(faustDsp.dspMeta) },
-            sp
-        );
-    }
-
-    // Return an object with the Faust audio node and the DSP metadata
-    return { faustNode, dspMeta };
-}
-
-/**
- * @param {FaustAudioWorkletNode} faustNode 
- */
-const createFaustUI = async (faustNode) => {
-    const { FaustUI } = await import("./faust-ui/index.js");
-    const $container = document.createElement("div");
-    $container.style.margin = "0";
-    $container.style.position = "absolute";
-    $container.style.overflow = "auto";
-    $container.style.display = "flex";
-    $container.style.flexDirection = "column";
-    $container.style.width = "100%";
-    $container.style.height = "100%";
-    $divFaustUI.appendChild($container);
-    const faustUI = new FaustUI({
-        ui: faustNode.getUI(),
-        root: $container,
-        listenWindowMessage: false,
-        listenWindowResize: true,
-    });
-    faustUI.paramChangeByUI = (path, value) => faustNode.setParamValue(path, value);
-    faustNode.setOutputParamHandler((path, value) => faustUI.paramChangeByDSP(path, value));
-    $container.style.minWidth = `${faustUI.minWidth}px`;
-    $container.style.minHeight = `${faustUI.minHeight}px`;
-    faustUI.resize();
-};
-
-(async () => {
-    const { faustNode, dspMeta: { name } } = await createFaustNode(audioContext, "FAUST_DSP", 16);
-    await createFaustUI(faustNode);
-    faustNode.connect(audioContext.destination);
-    if (faustNode.numberOfInputs) await buildAudioDeviceMenu(faustNode);
-    else $spanAudioInput.hidden = true;
-    if (navigator.requestMIDIAccess) await buildMidiDeviceMenu(faustNode);
-    else $spanMidiInput.hidden = true;
-    $buttonDsp.disabled = false;
-    document.title = name;
-    let motionHandlersBound = false;
-    $buttonDsp.onclick = async () => {
-        if (!motionHandlersBound) {
-            await faustNode.listenSensors();
-            motionHandlersBound = true;
-        }
-        if (audioContext.state === "running") {
-            $buttonDsp.textContent = "Suspended";
-            audioContext.suspend();
-        } else if (audioContext.state === "suspended") {
-            $buttonDsp.textContent = "Running";
-            audioContext.resume();
-        }
-    }
-})();

package/assets/standalone/service-worker-poly.js

@@ -1,98 +0,0 @@
-
-const CACHE_NAME = 'FAUST_DSP-static'; // Cache name without versioning
-
-const POLY_EFFECT_RESOURCES = [
-    '/FAUST_DSP/',
-    '/FAUST_DSP/faust-ui/index.js',
-    '/FAUST_DSP/faust-ui/index.css',
-    '/FAUST_DSP/faustwasm/index.js',
-    '/FAUST_DSP/FAUST_DSP.js',
-    '/FAUST_DSP/FAUST_DSP.wasm',
-    '/FAUST_DSP/FAUST_DSP.json',
-    '/FAUST_DSP/mixerModule.wasm',
-    '/FAUST_DSP/FAUST_DSP_effect.wasm',
-    '/FAUST_DSP/FAUST_DSP_effect.json',
-];
-
-const POLY_RESOURCES = [
-    '/FAUST_DSP/',
-    '/FAUST_DSP/faust-ui/index.js',
-    '/FAUST_DSP/faust-ui/index.css',
-    '/FAUST_DSP/faustwasm/index.js',
-    '/FAUST_DSP/FAUST_DSP.js',
-    '/FAUST_DSP/FAUST_DSP.wasm',
-    '/FAUST_DSP/FAUST_DSP.json',
-    '/FAUST_DSP/mixerModule.wasm',
-];
-
-/**
- * Install the service worker and cache the resources
- 
- */
-self.addEventListener('install', event => {
-    event.waitUntil(
-        caches.open(CACHE_NAME).then(cache => {
-            console.log("Service worker installed");
-            const urlToCheck = '/FAUST_DSP/FAUST_DSP_effect.json';
-            return fetchResourceAndCache(cache, urlToCheck);
-        })
-    );
-});
-
-/**
- * Fetch the resources and cache them
- * 
- * @param {Cache} cache The cache to store the resources
- * @param {string} urlToCheck The URL of the resource to fetch
- * 
- * @returns {Promise<void>} A promise that resolves when the resource is fetched and cached
- */
-
-function fetchResourceAndCache(cache, urlToCheck) {
-    return fetch(urlToCheck).then(response => {
-        if (response.ok) {
-            return cacheResources(cache, POLY_EFFECT_RESOURCES);
-        } else {
-            return cacheResources(cache, POLY_RESOURCES);
-        }
-    }).catch(fetchError => {
-        console.error(`Failed to fetch ${urlToCheck}:`, fetchError);
-    });
-}
-/**
- * 
- * @param {*} cache The cache to store the resources
- * @param {*} resources The resources to cache
- * @returns 
- */
-function cacheResources(cache, resources) {
-    return cache.addAll(resources).catch(error => {
-        console.error('Failed to cache resources:', error);
-    });
-}
-
-self.addEventListener("activate", event => {
-    console.log("Service worker activated");
-});
-
-self.addEventListener('fetch', event => {
-    event.respondWith((async () => {
-        const cache = await caches.open(CACHE_NAME);
-        const cachedResponse = await cache.match(event.request);
-        if (cachedResponse) {
-            return cachedResponse;
-        } else {
-            try {
-                const fetchResponse = await fetch(event.request);
-                // Ensure the response is valid before caching it
-                if (event.request.method === 'GET' && fetchResponse && fetchResponse.status === 200 && fetchResponse.type === 'basic') {
-                    cache.put(event.request, fetchResponse.clone());
-                }
-                return fetchResponse;
-            } catch (e) {
-                // Network access failure
-                console.log('Network access error', e);
-            }
-        }
-    })());
-});

package/assets/standalone/template-poly.html

@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>Faust DSP</title>
-</head>
-
-<body>
-    <main>
-        <span id="dsp-switch">
-            <center><button id="button-dsp">Activate DSP</button></center>
-        </span>
-    </main>
-    <script src="./FAUST_DSP.js"></script>
-    <script>
-        (async () => {
-
-            // Create audio context
-            const AudioCtx = window.AudioContext || window.webkitAudioContext;
-            const audioContext = new AudioCtx();
-            audioContext.suspend();
-
-            // Create audio context activation button
-            const $buttonDsp = document.getElementById("button-dsp");
-
-            // Play some notes in loop
-            function play(node) {
-                node.keyOn(0, 60, 100);
-                setTimeout(() => node.keyOn(0, 64, 100), 1000);
-                setTimeout(() => node.keyOn(0, 67, 100), 2000);
-                setTimeout(() => node.allNotesOff(), 5000);
-                setTimeout(() => play(node), 7000);
-            }
-
-            // Activate audio context
-            $buttonDsp.disabled = true;
-            $buttonDsp.onclick = () => {
-                if (audioContext.state === "running") {
-                    $buttonDsp.textContent = "Suspended";
-                    audioContext.suspend();
-                } else if (audioContext.state === "suspended") {
-                    $buttonDsp.textContent = "Running";
-                    audioContext.resume();
-                    play(faustNode);
-                }
-            }
-
-            // Create Faust node
-            const { faustNode, dspMeta: { name } } = await createFaustNode(audioContext, "FAUST_DSP", 16);
-
-            // Connect Faust node to audio context
-            faustNode.connect(audioContext.destination);
-
-            // Create Faust node activation button
-            $buttonDsp.disabled = false;
-        })();
-    </script>
-</body>
-
-</html>

package/assets/standalone/template.html

@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>Faust DSP</title>
-</head>
-
-<body>
-    <main>
-        <span id="dsp-switch">
-            <center><button id="button-dsp">Activate DSP</button></center>
-        </span>
-    </main>
-    <script src="./FAUST_DSP.js"></script>
-    <script>
-        (async () => {
-
-            // Create audio context
-            const AudioCtx = window.AudioContext || window.webkitAudioContext;
-            const audioContext = new AudioCtx();
-            audioContext.suspend();
-
-            // Create audio context activation button
-            const $buttonDsp = document.getElementById("button-dsp");
-
-            // Function to activate audio context
-            $buttonDsp.disabled = true;
-            $buttonDsp.onclick = () => {
-                if (audioContext.state === "running") {
-                    $buttonDsp.textContent = "Suspended";
-                    audioContext.suspend();
-                } else if (audioContext.state === "suspended") {
-                    $buttonDsp.textContent = "Running";
-                    audioContext.resume();
-                }
-            }
-
-            // Create Faust node
-            const { faustNode, dspMeta: { name } } = await createFaustNode(audioContext, "FAUST_DSP");
-
-            // Connect Faust node to audio context
-            faustNode.connect(audioContext.destination);
-
-            // Create Faust node activation button
-            $buttonDsp.disabled = false;
-        })();
-    </script>
-</body>
-
-</html>

package/assets/standalone/template.js

@@ -1,63 +0,0 @@
-/**
- * @typedef {import("./types").FaustDspDistribution} FaustDspDistribution
- * @typedef {import("./faustwasm").FaustAudioWorkletNode} FaustAudioWorkletNode
- * @typedef {import("./faustwasm").FaustDspMeta} FaustDspMeta
-*/
-
-/**
- * Creates a Faust audio node for use in the Web Audio API.
- *
- * @param {AudioContext} audioContext - The Web Audio API AudioContext to which the Faust audio node will be connected.
- * @param {string} dspName - The name of the DSP to be loaded.
- * @param {number} voices - The number of voices to be used for polyphonic DSPs.
- * @returns {Object} - An object containing the Faust audio node and the DSP metadata.
- */
-const createFaustNode = async (audioContext, dspName = "template", voices = 0) => {
-    // Import necessary Faust modules and data
-    const { FaustMonoDspGenerator, FaustPolyDspGenerator } = await import("./faustwasm/index.js");
-
-    // Load DSP metadata from JSON
-    /** @type {FaustDspMeta} */
-    const dspMeta = await (await fetch(`./${dspName}.json`)).json();
-
-    // Compile the DSP module from WebAssembly binary data
-    const dspModule = await WebAssembly.compileStreaming(await fetch(`./${dspName}.wasm`));
-
-    // Create an object representing Faust DSP with metadata and module
-    /** @type {FaustDspDistribution} */
-    const faustDsp = { dspMeta, dspModule };
-
-    /** @type {FaustAudioWorkletNode} */
-    let faustNode;
-
-    // Create either a polyphonic or monophonic Faust audio node based on the number of voices
-    if (voices > 0) {
-
-        // Try to load optional mixer and effect modules
-        try {
-            faustDsp.mixerModule = await WebAssembly.compileStreaming(await fetch("./mixerModule.wasm"));
-            faustDsp.effectMeta = await (await fetch(`./${dspName}_effect.json`)).json();
-            faustDsp.effectModule = await WebAssembly.compileStreaming(await fetch(`./${dspName}_effect.wasm`));
-        } catch (e) { }
-
-        const generator = new FaustPolyDspGenerator();
-        faustNode = await generator.createNode(
-            audioContext,
-            voices,
-            "FaustPolyDSP",
-            { module: faustDsp.dspModule, json: JSON.stringify(faustDsp.dspMeta) },
-            faustDsp.mixerModule,
-            faustDsp.effectModule ? { module: faustDsp.effectModule, json: JSON.stringify(faustDsp.effectMeta) } : undefined
-        );
-    } else {
-        const generator = new FaustMonoDspGenerator();
-        faustNode = await generator.createNode(
-            audioContext,
-            "FaustMonoDSP",
-            { module: faustDsp.dspModule, json: JSON.stringify(faustDsp.dspMeta) }
-        );
-    }
-
-    // Return an object with the Faust audio node and the DSP metadata
-    return { faustNode, dspMeta };
-}

package/assets/standalone/types.d.ts

@@ -1,9 +0,0 @@
-import { FaustDspMeta } from "./faustwasm";
-
-export interface FaustDspDistribution {
-    dspModule: WebAssembly.Module;
-    dspMeta: FaustDspMeta;
-    effectModule?: WebAssembly.Module;
-    effectMeta?: FaustDspMeta;
-    mixerModule?: WebAssembly.Module;
-}