X-Git-Url: http://id.pley.net/sound.git/blobdiff_plain/27e1e1aa194c20d055b99f32f7642c66ac112f09..178a2cebac3e5b7aa33071b6c0bcc1a1a2bf31fb:/sound.html
diff --git a/sound.html b/sound.html
index 67b4059..af92487 100644
--- a/sound.html
+++ b/sound.html
@@ -32,8 +32,10 @@
audio.addEventListener('canplaythrough', eventLogger);
audio.addEventListener('emptied', eventLogger);
audio.addEventListener('ended', eventLogger);
+ audio.addEventListener('ended', updateTime);
audio.addEventListener('loadstart', eventLogger);
audio.addEventListener('pause', eventLogger);
+ audio.addEventListener('pause', updateTime);
audio.addEventListener('play', eventLogger);
audio.addEventListener('playing', eventLogger);
audio.addEventListener('progress', eventLogger);
@@ -41,18 +43,61 @@
audio.addEventListener('timeupdate', eventLogger);
audio.addEventListener('volumechange', eventLogger);
audio.addEventListener('waiting', eventLogger);
+ audio.addEventListener('timeupdate', updateTime);
+ audio.addEventListener('durationchange', eventLogger);
+ audio.addEventListener('durationchange', updateDuration);
+ audio.addEventListener('ratechange', eventLogger);
+ audio.addEventListener('ratechange', updateRate);
+ }
+
+ 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');
+ var currentTime = audio.currentTime;
+ time.innerText = formatTime(currentTime);
+
+ var timeline = document.getElementById('timeline');
+ timeline.value = currentTime;
+ }
+
+ function updateDuration() {
+ var duration = document.getElementById('duration');
+ duration.innerText = formatTime(audio.duration);
+
+ var timeline = document.getElementById('timeline');
+ timeline.max = audio.duration;
+ }
+
+ function updateRate() {
+ var rate = document.getElementById('rate');
+ rate.value = audio.playbackRate;
}
-
+
+
+
+
-
+ --:--
+
+ --:--
+
+