Set default volume; add canplaythrough listener.

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

index 82020e64951cdcd44f8099f5e293ac026bc12aab..67b4059a7a4443e54a2dba2bd110d694558aae5e 100644 (file)
--- a/sound.html
+++ b/sound.html
@@ -5,7 +5,7 @@
         <script src="sound.js"></script>
         <script>
  
-       var sound;
+       var audio;
  
         function log(text) {
                 var log = document.getElementById('log');
@@ -25,19 +25,22 @@
         }
  
         function onload() {
-               sound = new Sound();
-               sound.src = 'Coin.wav';
-               sound.play();
-               sound.addEventListener('ended', eventLogger);
-               sound.addEventListener('play', eventLogger);
-               sound.addEventListener('pause', eventLogger);
-               sound.addEventListener('playing', eventLogger);
-               sound.addEventListener('timeupdate', eventLogger);
-               sound.addEventListener('waiting', eventLogger);
-               sound.addEventListener('volumechange', eventLogger);
-               sound.addEventListener('emptied', eventLogger);
-               sound.addEventListener('loadstart', eventLogger);
-               sound.addEventListener('progress', eventLogger);
+               audio = new Audio();
+               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('pause', eventLogger);
+               audio.addEventListener('play', eventLogger);
+               audio.addEventListener('playing', eventLogger);
+               audio.addEventListener('progress', eventLogger);
+               audio.addEventListener('suspend', eventLogger);
+               audio.addEventListener('timeupdate', eventLogger);
+               audio.addEventListener('volumechange', eventLogger);
+               audio.addEventListener('waiting', eventLogger);
         }
  
         </script>
@@ -45,10 +48,11 @@
  <body onload="onload()">
  
         <div>
-               <button onclick="sound.play()">play</button>
-               <button onclick="sound.pause()">pause</button>
-               <button onclick="sound.muted = !sound.muted">mute</button>
-               <input type="range" min="0" max="1" step="0.01" onchange="sound.volume = event.target.value" />
+               <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" value="1" onchange="audio.volume = event.target.value" />
+               <button onclick="audio.loop = !audio.loop">loop</button>
         </div>
  
  </body>