s4
view s4-media.js @ 996:a50f5b0b2c3d
Media player built in viewer box
| author | HIROSE Yuuji <yuuji@gentei.org> |
|---|---|
| date | Sun, 16 Oct 2022 07:56:34 +0859 |
| parents | |
| children |
line source
1 document.addEventListener("DOMContentLoaded", () => {
2 var vplay = document.getElementById("video"),
3 spval = document.getElementById("speedval"),
4 volval = document.getElementById("volval"),
5 speed = document.getElementById("speed"),
6 volume = document.getElementById("volume");
7 speed.addEventListener("change", (e) => {
8 console.log(e.target.value);
9 var rate = e.target.value;
10 console.log(rate);
11 spval.innerText = rate+"%";
12 vplay.playbackRate = rate/100;
13 });
14 volume.addEventListener("change", (e) => {
15 console.log(e.target.value);
16 var rate = e.target.value;
17 volval.innerText = rate+"%";
18 console.log(rate);
19 vplay.volume = rate/100;
20 });
21 spval.innerText = (speed.value = vplay.playbackRate*100)+"%";
22 spval.value = vplay.playbackRate*100;
23 volval.innerText = (volume.value = (vplay.volume = 0.4)*100) + "%";
24 }, false);