elias/strudel
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel.git synced 2026-01-11 21:58:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve hydra audio detection initialization

Browse Source
This commit is contained in:
Ámbar Tenorio Fornés 2023-11-22 17:39:16 +01:00
parent 0a280e9399
commit e0e896d4b5
1 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/hydra/hydra.mjs
View File

@ -1,27 +1,33 @@
import { getDrawContext } from '@strudel.cycles/core';
let options = '';
let audio = false;
let hydra;
function appendCanvas(c){
const { canvas: testCanvas } = getDrawContext();
c.canvas.id = 'hydra-canvas';
c.canvas.style.position = 'absolute';
c.canvas.style.top = '0px';
testCanvas.after(c.canvas);
}
export async function initHydra(config) {
audio = config?.audio || false;
//load and init hydra
if (!document.getElementById('hydra-canvas')) {
const { canvas: testCanvas } = getDrawContext();
await import('https://unpkg.com/hydra-synth');
h = new Hydra({ detectAudio: config?.audio });
h.canvas.id = 'hydra-canvas';
h.canvas.style.position = 'absolute';
h.canvas.style.top = '0px';
testCanvas.after(h.canvas);
hydra = new Hydra({ detectAudio: audio });
appendCanvas(hydra);
}
// update options
if (options != JSON.stringify(config)) {
options = JSON.stringify(config);
new Hydra({
canvas: document.getElementById('hydra-canvas'),
detectAudio: config?.audio,
});
// if config.audio is true
// and current canvas des not detect audio
if (config?.audio && !hydra.detectAudio ){
//remove previous canvas without audio detection
document.getElementById('hydra-canvas').remove()
// create and append a new audio responsive canvas
hydra = new Hydra({ detectAudio: audio});
appendCanvas(hydra)
}
}