mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-23 03:17:47 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update html/poketube.ejs

Browse source
This commit is contained in:
ashley 2024-07-03 13:15:09 +00:00
parent 38d4913834
commit e28361bab3
1 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
html/poketube.ejs
View file

@ -671,6 +671,13 @@ background-color: #0000;
html:fullscreen *:not(html, video, body, ptd-app-ejs, .app, .watch-page, .primary, .video-player-container, #popupMenu, #popupMenu *) { html:fullscreen *:not(html, video, body, ptd-app-ejs, .app, .watch-page, .primary, .video-player-container, #popupMenu, #popupMenu *) {
visibility: hidden !important; visibility: hidden !important;
} }
#nojs-high-res-warning {
background-color: #823434aa;
margin: 30px;
padding: 5px 20px;
border: 2px solid red;
border-radius: 10px;
}
</style> </style>
<noscript> <noscript>
<style> <style>
@ -704,16 +711,10 @@ background-color: #0000;
let setTime = false let setTime = false
const seekbar = document.getElementById("duration-slider") const seekbar = document.getElementById("duration-slider")
const video = document.getElementById("video"); const video = document.getElementById("video");
let previousTimestamp = 0;
video.addEventListener("timeupdate", (event) => { video.addEventListener("timeupdate", (event) => {
seekbar.value = event.target.currentTime; seekbar.value = event.target.currentTime;
const timestamps = document.getElementById("timestamps"); const timestamps = document.getElementById("timestamps");
timestamps.innerText = `${csts(video.currentTime)}/${csts(video.duration)}`; timestamps.innerText = `${csts(video.currentTime)}/${csts(video.duration)}`;
if(event.target.currentTime - previousTimestamp >= 5 || event.target.currentTime - previousTimestamp <= -5) {
console.log("GAY")
aud.currentTime = event.target.currentTime;
}
previousTimestamp = event.target.currentTime;
}); });
seekbar.addEventListener("input", (event) => { seekbar.addEventListener("input", (event) => {
video.pause() video.pause()
@ -743,6 +744,15 @@ background-color: #0000;
playPauseButton.addEventListener("click", () => { playPauseButton.addEventListener("click", () => {
toggleVideo() toggleVideo()
}); });
setInterval(() => {
if(Math.round(video.currentTime) != Math.round(aud.currentTime)) {
video.pause(); aud.pause(); playPauseButton.innerHTML = playSVG;
video.currentTime > aud.currentTime ? aud.currentTime = video.currentTime : video.currentTime = aud.currentTime;
setTimeout(() => {
video.play(); aud.play(); playPauseButton.innerHTML = pauseSVG;
}, 800)
}
}, 1000)
video.addEventListener("click", toggleVideo); video.addEventListener("click", toggleVideo);
video.addEventListener("dblclick", () => { video.addEventListener("dblclick", () => {
document.documentElement.requestFullscreen(); document.documentElement.requestFullscreen();
@ -1240,6 +1250,13 @@ Offical Discord Server! :3
<% } else { %> <% } else { %>
<audio id="aud"></audio> <audio id="aud"></audio>
<% } %> <% } %>
<noscript>
<% if (!qua) { %>
<div id="nojs-high-res-warning">
<p>Due to YouTube's recent changes on high resolution playback, it is sadly impossible to play high-resolution video with audio without client-side JavaScript enabled. Switch to SD quality or enable JavaScript to play your video with audio.</p>
</div>
<% } %>
</noscript>
<video class="player video-ambient-container" id="video" style="border-radius: 16px; box-sizing: border-box; min-width: 100%; display: block;" preload> <video class="player video-ambient-container" id="video" style="border-radius: 16px; box-sizing: border-box; min-width: 100%; display: block;" preload>
<% if (isvidious) { %> <% if (isvidious) { %>
<% if (!qua) { %> <% if (!qua) { %>