Creepso/miru
1
0
Fork 0
mirror of https://github.com/ThaUnknown/miru.git synced 2026-03-28 17:58:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

player improvements

Browse source
This commit is contained in:
ThaUnknown 2020-09-01 20:26:51 +02:00
parent 11b2cefd40
commit b48a2acb0f
1 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
app/playerHandler.js
View file

@ -14,12 +14,13 @@ const controls = document.getElementsByClassName('ctrl'),
remaining = document.querySelector("#remaining")
volume.addEventListener("input", function () {
updatevolume()
updateVolume()
});
progress.addEventListener("input", setprogress);
video.addEventListener("playing", playcheck);
progress.addEventListener("input", setProgress);
video.addEventListener("playing", playCheck);
video.addEventListener("canplay", updateDisplay);
video.addEventListener("loadedmetadata", setduration);
video.addEventListener("loadedmetadata", setDuration);
video.addEventListener("ended", bnext);
playPause.addEventListener("click", bpp);
immerse();
@ -49,30 +50,30 @@ function immerse() {
//set duration
let duration;
function setduration() {
function setDuration() {
duration = video.duration;
}
//progress
function setprogress() {
function setProgress() {
video.currentTime = progress.value / 1000 * duration;
updateDisplay();
}
let progresspercent,
bufferpercent,
let progressPercent,
bufferPercent,
remainingTime
function updateDisplay() {
progresspercent = (video.currentTime / duration * 100).toFixed(4)
bufferpercent = (video.buffered.length == 0 ? 0 : video.buffered.end(video.buffered.length - 1) / duration * 100).toFixed(4)
progressPercent = (video.currentTime / duration * 100).toFixed(4)
bufferPercent = (video.buffered.length == 0 ? 0 : video.buffered.end(video.buffered.length - 1) / duration * 100).toFixed(4)
remainingTime = duration - video.currentTime
document.documentElement.style.setProperty("--progress", progresspercent + "%");
document.documentElement.style.setProperty("--buffer", bufferpercent + "%");
document.documentElement.style.setProperty("--progress", progressPercent + "%");
document.documentElement.style.setProperty("--buffer", bufferPercent + "%");
elapsed.innerHTML = toTS(video.currentTime);
remaining.innerHTML = toTS(remainingTime);
progress.value = Math.floor(progresspercent * 10)
progress.value = Math.floor(progressPercent * 10)
}
function toTS(sec) {
@ -94,13 +95,13 @@ function toTS(sec) {
let islooped;
function playcheck() {
function playCheck() {
if (!islooped && !video.paused) {
islooped = true;
updateDisplay();
setTimeout(function () {
islooped = false;
playcheck();
playCheck();
}, 50)
}
}
@ -134,16 +135,16 @@ let oldlevel;
function bmute() {
if (video.volume == 0) {
updatevolume(oldlevel)
updateVolume(oldlevel)
} else {
oldlevel = video.volume * 100
updatevolume(0)
updateVolume(0)
}
}
let level;
function updatevolume(a) {
function updateVolume(a) {
if (a == null) {
level = volume.value;
} else {