diff --git a/packages/hydra/hydra.mjs b/packages/hydra/hydra.mjs
index e105b440..778f3361 100644
--- a/packages/hydra/hydra.mjs
+++ b/packages/hydra/hydra.mjs
@@ -1,6 +1,10 @@
 import { getDrawContext } from '@strudel.cycles/core';
 
+let options = ""
+
 export async function initHydra(config) {
+
+  //load and init hydra
   if (!document.getElementById('hydra-canvas')) {
     const { canvas: testCanvas } = getDrawContext();
     await import('https://unpkg.com/hydra-synth');
@@ -10,6 +14,17 @@ export async function initHydra(config) {
     h.canvas.style.top = '0px';
     testCanvas.after(h.canvas);
   }
+
+  // update options
+  if (options != JSON.stringify(config)) {
+    options = JSON.stringify(config);
+
+    new Hydra(
+      {
+        canvas: document.getElementById('hydra-canvas'),
+        detectAudio: config?.audio
+      })
+  }
 }
 
 export const H = (p) => () => p.queryArc(getTime(), getTime())[0].value;