Mercurial > hgrepos > hgweb.cgi > s4
comparison 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 |
comparison
equal
deleted
inserted
replaced
995:9a54ad622318 | 996:a50f5b0b2c3d |
---|---|
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); |