Add a media picker.

[sound.git] / sound.html
diff --git a/sound.html b/sound.html

index b1ae6dd7bcf2f604ed9b2ba41f910a844492826b..1c133e57974fc348ac450bdc4f1f67722d89fcd8 100644 (file)
--- a/sound.html
+++ b/sound.html
@@ -29,6 +29,7 @@
                 audio.autoplay = false;
                 audio.src = 'Coin.wav';
                 audio.preload = 'auto';
                 audio.autoplay = false;
                 audio.src = 'Coin.wav';
                 audio.preload = 'auto';
+               audio.addEventListener('canplaythrough', eventLogger);
                 audio.addEventListener('emptied', eventLogger);
                 audio.addEventListener('ended', eventLogger);
                 audio.addEventListener('loadstart', eventLogger);
                 audio.addEventListener('emptied', eventLogger);
                 audio.addEventListener('ended', eventLogger);
                 audio.addEventListener('loadstart', eventLogger);
@@ -45,12 +46,17 @@
         </script>
  </head>
  <body onload="onload()">
         </script>
  </head>
  <body onload="onload()">
-
+       <div>
+               <select onchange="audio.src = event.target.value">
+                       <option value="Coin.wav">Coin.wav</option>
+                       <option value="Overworld.mp3">Overworld.mp3</option>
+               </select>
+       </div>
         <div>
                 <button onclick="audio.play()">play</button>
                 <button onclick="audio.pause()">pause</button>
                 <button onclick="audio.muted = !audio.muted">mute</button>
         <div>
                 <button onclick="audio.play()">play</button>
                 <button onclick="audio.pause()">pause</button>
                 <button onclick="audio.muted = !audio.muted">mute</button>
-               <input type="range" min="0" max="1" step="0.01" onchange="audio.volume = event.target.value" />
+               <input type="range" min="0" max="1" step="0.01" value="1" onchange="audio.volume = event.target.value" />
                 <button onclick="audio.loop = !audio.loop">loop</button>
         </div>
  
                 <button onclick="audio.loop = !audio.loop">loop</button>
         </div>