From a58ac967a620246b6432834cc7df4a80b87aa487 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81mbar=20Tenorio=20Forn=C3=A9s?= <ambar@atenor.io>
Date: Wed, 22 Nov 2023 13:51:42 +0100
Subject: [PATCH] add Hydra audio example to documentation

---
 website/src/pages/learn/hydra.mdx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/website/src/pages/learn/hydra.mdx b/website/src/pages/learn/hydra.mdx
index a506e53c..dd892ff7 100644
--- a/website/src/pages/learn/hydra.mdx
+++ b/website/src/pages/learn/hydra.mdx
@@ -48,7 +48,23 @@ There is a special function `H` that allows you to use a pattern as an input to
   tune={`await initHydra()
 let pattern = "3 4 5 [6 7]*2"
 shape(H(pattern)).out(o0)
-n(pattern).scale("A:minor").piano().room(1) 
+n(pattern).scale("A:minor").piano().room(1)
+`}
+/>
+
+To use hydra audio capture, call `initHydra` with `{audio:true}` configuration param:
+
+<MiniRepl
+  client:only="react"
+  tune={`await initHydra({audio:true})
+let pattern = "<3 4 5 [6 7]*2>"
+shape(H(pattern)).repeat()
+  .scrollY(
+    ()=> a.fft[0]*.25
+  )
+  .add(src(o0).color(.71 ).scrollX(.005),.95)
+.out(o0)
+n(pattern).scale("A:minor").piano().room(1)
 `}
 />