Set default volume; add canplaythrough listener.

diff --git a/sound.html b/sound.html
index b1ae6dd7bcf2f604ed9b2ba41f910a844492826b..67b4059a7a4443e54a2dba2bd110d694558aae5e 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);


@@ -50,7 +51,7 @@
                <button onclick="audio.play()">play</button>
                <button onclick="audio.pause()">pause</button>
                <button onclick="audio.muted = !audio.muted">mute</button>
                <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>