Mercurial > hgrepos > hgweb.cgi > s4
diff s4-media.js @ 996:a50f5b0b2c3d draft
Media player built in viewer box
author | HIROSE Yuuji <yuuji@gentei.org> |
---|---|
date | Sun, 16 Oct 2022 07:56:34 +0859 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/s4-media.js Sun Oct 16 07:56:34 2022 +0859 @@ -0,0 +1,24 @@ +document.addEventListener("DOMContentLoaded", () => { + var vplay = document.getElementById("video"), + spval = document.getElementById("speedval"), + volval = document.getElementById("volval"), + speed = document.getElementById("speed"), + volume = document.getElementById("volume"); + speed.addEventListener("change", (e) => { + console.log(e.target.value); + var rate = e.target.value; + console.log(rate); + spval.innerText = rate+"%"; + vplay.playbackRate = rate/100; + }); + volume.addEventListener("change", (e) => { + console.log(e.target.value); + var rate = e.target.value; + volval.innerText = rate+"%"; + console.log(rate); + vplay.volume = rate/100; + }); + spval.innerText = (speed.value = vplay.playbackRate*100)+"%"; + spval.value = vplay.playbackRate*100; + volval.innerText = (volume.value = (vplay.volume = 0.4)*100) + "%"; +}, false);