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

+ frame advance

Browse source
This commit is contained in:
Dominika Liberda 2021-07-07 12:58:12 +00:00
parent ad6dc8bc9d
commit 5681a44e40
1 changed files with 22 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
webroot/js/player.js
View file

@ -8,6 +8,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
const video = document.getElementById('player_video'); const video = document.getElementById('player_video');
const audio = document.getElementById('player_audio'); const audio = document.getElementById('player_audio');
const movie = document.getElementById('movie_player'); const movie = document.getElementById('movie_player');
let fps = 30;
const searchParams = new URLSearchParams(window.location.search.slice(1)) const searchParams = new URLSearchParams(window.location.search.slice(1))
let startTime = 0; let startTime = 0;
@ -47,6 +48,8 @@ window.addEventListener('DOMContentLoaded', (event) => {
console.log('selected video format', videoFormat); console.log('selected video format', videoFormat);
console.log('selected audio format', audioFormat); console.log('selected audio format', audioFormat);
fps = videoFormat.fps;
selectStreams(videoFormat, audioFormat) selectStreams(videoFormat, audioFormat)
} else { } else {
let videoFormat = formats.find((fmt) => fmt.format_id == localStorage.getItem("videoStream")); let videoFormat = formats.find((fmt) => fmt.format_id == localStorage.getItem("videoStream"));
@ -59,7 +62,9 @@ window.addEventListener('DOMContentLoaded', (event) => {
} }
console.log('selected video format', videoFormat); console.log('selected video format', videoFormat);
console.log('selected audio format', audioFormat); console.log('selected audio format', audioFormat);
fps = videoFormat.fps;
selectStreams(videoFormat, audioFormat) selectStreams(videoFormat, audioFormat)
} }
@ -218,20 +223,22 @@ window.addEventListener('DOMContentLoaded', (event) => {
} }
} }
function seekRelative(t) { function seekRelative(t, play) {
video.pause(); video.pause();
video.currentTime=video.currentTime+t; video.currentTime=video.currentTime+t;
if(audio) { if(audio) {
audio.pause(); audio.pause();
audio.currentTime=video.currentTime; audio.currentTime=video.currentTime;
} }
playbackWait(); if(play != false) {
playbackWait();
}
} }
function handleKeyboard(e) { function handleKeyboard(e) {
console.log(e) console.log(e)
if (e.target.name != "search_query") { if (e.target.name != "search_query") {
if (e.key == "ArrowLeft") { if (e.key == "ArrowLeft") { // go ahead, complain this is not a switch
seekRelative(-5); seekRelative(-5);
e.preventDefault(); e.preventDefault();
} else if (e.key == "ArrowRight") { } else if (e.key == "ArrowRight") {
@ -252,6 +259,14 @@ window.addEventListener('DOMContentLoaded', (event) => {
} else if (e.key == "<") { } else if (e.key == "<") {
if (speedInput.selectedIndex != 0) speedInput.selectedIndex -= 1; if (speedInput.selectedIndex != 0) speedInput.selectedIndex -= 1;
changeSpeed(); changeSpeed();
} else if (e.key == ".") {
if (video.paused) {
seekRelative(1/fps, false);
}
} else if (e.key == ",") {
if (video.paused) {
seekRelative(-1/fps, false);
}
} }
} }
} }
@ -408,11 +423,11 @@ window.addEventListener('DOMContentLoaded', (event) => {
uwu.value = e.format_id; uwu.value = e.format_id;
if (e.acodec == "none") { if (e.acodec == "none") {
uwu.innerText = `${e.ext} ${e.height}p (${e.format_id})`; uwu.innerText = `${e.ext} ${e.height}p (${e.format_id})`;
videoStreamInput.append(uwu);
if (uwu.value == localStorage.getItem("videoStream")) { if (uwu.value == localStorage.getItem("videoStream")) {
selectedVideoIndex = videoStreamInput.length-1; selectedVideoIndex = videoStreamInput.length;
console.log(selectedVideoIndex) console.log(selectedVideoIndex)
} }
videoStreamInput.append(uwu);
console.log(`- ${e.format_id}, czyli ${e.height}p`) console.log(`- ${e.format_id}, czyli ${e.height}p`)
} else if (e.vcodec == "none") { } else if (e.vcodec == "none") {
uwu.innerText = `${e.acodec} ${e.abr}kbps (${e.format_id})`; uwu.innerText = `${e.acodec} ${e.abr}kbps (${e.format_id})`;
@ -425,7 +440,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
} else { } else {
uwu.innerText = `${e.ext} ${e.height}p (${e.format_id})`; uwu.innerText = `${e.ext} ${e.height}p (${e.format_id})`;
if (uwu.value == localStorage.getItem("videoStream")) { if (uwu.value == localStorage.getItem("videoStream")) {
selectedVideoIndex = videoStreamInput.length-1; selectedVideoIndex = videoStreamInput.length;
console.log(selectedVideoIndex) console.log(selectedVideoIndex)
} }
videoStreamInput.append(uwu); videoStreamInput.append(uwu);