X-Git-Url: http://105106.c2e0p.group/sound.git/blobdiff_plain/c20b1f29d05b360d2314dc3189cee0a024b276ca..2acf7355303ecf1cb8c61823ee72bc60c8c01284:/sound.html diff --git a/sound.html b/sound.html index d050524..d5185e4 100644 --- a/sound.html +++ b/sound.html @@ -29,27 +29,55 @@ audio.autoplay = false; audio.src = 'Coin.wav'; audio.preload = 'auto'; + audio.addEventListener('canplaythrough', eventLogger); + audio.addEventListener('emptied', eventLogger); audio.addEventListener('ended', eventLogger); - audio.addEventListener('play', 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('waiting', eventLogger); audio.addEventListener('volumechange', eventLogger); - audio.addEventListener('emptied', eventLogger); - audio.addEventListener('loadstart', eventLogger); - audio.addEventListener('progress', eventLogger); + audio.addEventListener('waiting', eventLogger); + audio.addEventListener('timeupdate', updateTime); + audio.addEventListener('durationchange', eventLogger); + audio.addEventListener('durationchange', updateDuration); + } + + function formatTime(time) { + var seconds = (time % 60).toFixed(0); + var minutes = (time / 60).toFixed(0); + return ("0" + minutes).substr(-2, 2) + ':' + ("0" + seconds).substr(-2, 2); + } + + function updateTime() { + var time = document.getElementById('time'); + time.innerText = formatTime(audio.currentTime); + } + + function updateDuration() { + var duration = document.getElementById('duration'); + duration.innerText = formatTime(audio.duration); } - +
+ +
- + --:-- + + --:--