BOING!!!

OpenXTalk-org · Jul 3, 2024 · 3b11641 · 3b11641
1 parent fed6f76
commit 3b11641
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/docs/Boing.wav b/docs/Boing.wav
diff --git a/docs/index.html b/docs/index.html
@@ -327,6 +327,7 @@
       <a id='saveData'></a>
     </div>
     <script>
+
       function readFile() {
         var inputData = document.getElementById('inputData');
         var reader = new FileReader();
@@ -336,11 +337,38 @@
         };
         reader.readAsDataURL(inputData.files[0]);
       };
+
       function saveFile(txt, data) {
         var saveData = document.getElementById('saveData');
         saveData.setAttribute('download', txt);
         saveData.setAttribute('href', data);
       };
+
+      const context = new AudioContext();
+
+      function loadSample(url) {
+        return fetch(url)
+          .then(response => response.arrayBuffer())
+          .then(buffer => context.decodeAudioData(buffer));
+      }
+
+      function playSample(sample) {
+        const source = context.createBufferSource();
+        source.buffer = sample;
+        source.connect(context.destination);
+        source.start(0);
+      }
+      function playSampleRate(sample, rate) {
+        const source = context.createBufferSource();
+        source.buffer = sample;
+        source.playbackRate.value = rate;
+        source.connect(context.destination);
+        source.start(0);
+      }
+
+      loadSample('boing.wav')
+        .then(sample => playSample(sample));
+
     </script>
 
   </body>