domi/bashtube
1
0
Fork 0
Code Issues 13 Pull requests Packages Projects Releases Wiki Activity

* player now syncs on pause; fixed NaN:NaN

Browse source
This commit is contained in:
Dominika Liberda 2021-07-05 20:38:43 +00:00
parent 1071524793
commit 0079fbaf70
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
webroot/js/player.js
View file

@ -67,6 +67,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
classList.add('ytp-button-play'); classList.add('ytp-button-play');
video.pause(); video.pause();
if (audio.src) { if (audio.src) {
audio.currentTime = video.currentTime; // sync audio to video on pause
audio.pause(); audio.pause();
} }
} }
@ -82,12 +83,16 @@ window.addEventListener('DOMContentLoaded', (event) => {
Math.floor(video.currentTime % 60) Math.floor(video.currentTime % 60)
.toString() .toString()
.padStart(2, '0'); .padStart(2, '0');
document.querySelector('.ytp-time-duration').innerHTML = if (isNaN(video.duration)) {
Math.floor(video.duration / 60) + document.querySelector('.ytp-time-duration').innerHTML = '0:00';
':' + } else {
Math.floor(video.duration % 60) document.querySelector('.ytp-time-duration').innerHTML =
.toString() Math.floor(video.duration / 60) +
.padStart(2, '0'); ':' +
Math.floor(video.duration % 60)
.toString()
.padStart(2, '0');
}
document.querySelector('.ytp-play-progress').style.transform = 'scaleX(' + video.currentTime / video.duration + ')'; document.querySelector('.ytp-play-progress').style.transform = 'scaleX(' + video.currentTime / video.duration + ')';
document.querySelector('.html5-scrubber-button').style.left = (video.currentTime / video.duration) * 100 + '%'; document.querySelector('.html5-scrubber-button').style.left = (video.currentTime / video.duration) * 100 + '%';
} }