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);

yatex.org