HTML Webaudio Elements

Webaudio Elements

Audio Processing with JS HTML

 <body>
   <webaudio-context id="ctx">
     <webaudio-buffer id="buffer1"
                      context-id="ctx"
                      src="/url/to/file.wav"
                      state="ready">
     </webaudio-buffer>
     <webaudio-buffer id="buffer2"
                      context-id="ctx"
                      src="/url/to/another/file.wav"
                      state="decoding">
     </webaudio-buffer>
     <webaudio-source id="src1"
                      buffer-id="buffer1"
                      state="playing"
                      pos="23.24">
       <webaudio-biquad freq="2000"
                        value="12"
                        type="peaking"
                        disabled>
       </webaudio-biquad>
     </webaudio-source>
     <webaudio-source id="src2"
                      buffer-id="buffer2"
                      state="waiting">
       <webaudio-gain src-id="src"
                      scale="lin"
                      value="0.8">
       </webaudio-gain>
     </webaudio-source>
     <webaudio-gain src-id="src"
                    scale="lin"
                    value="0.8">
     </webaudio-gain>
   </webaudio-context>
   <button class="is-blaybtn" data-source="src1"
           data-state="playing">Pause</button>
   <button class="is-playbtn" data-source="src2"
           data-state="waiting" disabled>Play</button>
 </body>

Stay tuned for any updates!

For any questions please contact stephanus.volke (at) jade-hs.de