# HG changeset patch # User HIROSE Yuuji # Date 1665874621 -32373 # Node ID a50f5b0b2c3d8574467f4c1099566b252a97a9b1 # Parent 9a54ad6223189a15b1c174a3d098eb4c3d700200 Media player built in viewer box diff -r 9a54ad622318 -r a50f5b0b2c3d examples/common/default/videoplay.m4.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/examples/common/default/videoplay.m4.html Sun Oct 16 07:56:34 2022 +0859 @@ -0,0 +1,31 @@ +Content-type: _CONTENT_TYPE_ + + + +_TITLE_ + + + + +

_TITLE_

+ + + + + +

再生速度/Speed	音量/Volume

+ + + +

+ + + + diff -r 9a54ad622318 -r a50f5b0b2c3d s4-media.js --- /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);