remove broken code

This commit is contained in:
ashley 2024-07-06 14:14:54 +00:00
parent 97bb31f304
commit 913ccef4a7

View file

@ -697,7 +697,7 @@ background-color: #0000;
</style> </style>
</noscript> </noscript>
<script> <script>
const qua = new URLSearchParams(new URL(window.location.href).search).get("quality") || ""; const qua = new URLSearchParams(new URL(window.location.href).search).get("quality") || "";
const playSVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>play-circle-outline</title><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z" /></svg>' const playSVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>play-circle-outline</title><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z" /></svg>'
const pauseSVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>pause-circle-outline</title><path d="M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>' const pauseSVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>pause-circle-outline</title><path d="M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>'
@ -743,11 +743,9 @@ document.addEventListener("DOMContentLoaded", () => {
localStorage.setItem(`progress-${new URLSearchParams(window.location.search).get('v')}`, 0); localStorage.setItem(`progress-${new URLSearchParams(window.location.search).get('v')}`, 0);
// Controls and high-res playback // Controls and high-res playback
//TODO - a //TODO - a
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");
const aud = document.getElementById("aud");
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");
@ -766,7 +764,6 @@ document.addEventListener("DOMContentLoaded", () => {
// Play/Pause // Play/Pause
const playPauseButton = document.getElementById("play-pause"); const playPauseButton = document.getElementById("play-pause");
playPauseButton.innerHTML = pauseSVG; playPauseButton.innerHTML = pauseSVG;
function toggleVideo() { function toggleVideo() {
if (document.getElementById("popupMenu").style.display == "none") { if (document.getElementById("popupMenu").style.display == "none") {
if (!document.fullscreen) { if (!document.fullscreen) {
@ -788,17 +785,13 @@ document.addEventListener("DOMContentLoaded", () => {
document.getElementById("popupMenu").style.display = "none"; document.getElementById("popupMenu").style.display = "none";
} }
} }
playPauseButton.addEventListener("click", () => { playPauseButton.addEventListener("click", () => {
toggleVideo(); toggleVideo();
}); });
video.addEventListener("click", toggleVideo); video.addEventListener("click", toggleVideo);
video.addEventListener("dblclick", () => { video.addEventListener("dblclick", () => {
document.documentElement.requestFullscreen(); document.documentElement.requestFullscreen();
}); });
document.getElementById("muteOption").addEventListener("click", () => { document.getElementById("muteOption").addEventListener("click", () => {
if (qua != "medium") { if (qua != "medium") {
aud.volume == 0 ? aud.volume = 1 : aud.volume = 0; aud.volume == 0 ? aud.volume = 1 : aud.volume = 0;
@ -806,14 +799,12 @@ document.addEventListener("DOMContentLoaded", () => {
video.volume == 0 ? video.volume = 1 : video.volume = 0; video.volume == 0 ? video.volume = 1 : video.volume = 0;
} }
}); });
document.getElementById("syncOption").addEventListener("click", () => { document.getElementById("syncOption").addEventListener("click", () => {
video.pause(); video.pause();
aud.pause(); aud.pause();
playPauseButton.innerHTML = playSVG; playPauseButton.innerHTML = playSVG;
video.currentTime > aud.currentTime ? aud.currentTime = video.currentTime : video.currentTime = aud.currentTime; video.currentTime > aud.currentTime ? aud.currentTime = video.currentTime : video.currentTime = aud.currentTime;
}); });
document.addEventListener("fullscreenchange", function() { document.addEventListener("fullscreenchange", function() {
if (document.fullscreen) { if (document.fullscreen) {
video.controlsList = "noplaybackrate nodownload"; video.controlsList = "noplaybackrate nodownload";
@ -828,12 +819,10 @@ document.addEventListener("DOMContentLoaded", () => {
video.controls = false; video.controls = false;
} }
}); });
video.addEventListener("fullscreenchange", () => { video.addEventListener("fullscreenchange", () => {
video.fullscreen = false; video.fullscreen = false;
document.exitFullscreen(); document.exitFullscreen();
}); });
video.addEventListener("contextmenu", (event) => { video.addEventListener("contextmenu", (event) => {
if (document.fullscreen) { if (document.fullscreen) {
event.preventDefault(); event.preventDefault();
@ -848,18 +837,6 @@ document.addEventListener("DOMContentLoaded", () => {
} }
}); });
video.addEventListener("waiting", () => {
if (qua != "medium") {
aud.pause();
}
});
video.addEventListener("playing", () => {
if (qua != "medium" && !video.paused) {
aud.play();
}
});
function startPlayback() { function startPlayback() {
// Final prepare // Final prepare
seekbar.max = video.duration; seekbar.max = video.duration;
@ -903,29 +880,32 @@ document.addEventListener("DOMContentLoaded", () => {
} }
let shouldPlay = 0; let shouldPlay = 0;
const aud = document.getElementById("aud");
const vid = document.getElementById("video");
function checkReadyState() { function checkReadyState() {
if (video.readyState >= 3) { // HAVE_FUTURE_DATA or higher if (vid.readyState >= 3) { // HAVE_FUTURE_DATA or higher
if (aud.readyState < 3) { if (aud.readyState < 3) {
aud.load(); // load the audio if not ready aud.load(); // load the audio if not ready
} }
if (vid.readyState >= 3 && aud.readyState >= 3) {
startPlayback();
}
} }
} }
vid.addEventListener("canplay", () => {
shouldPlay++;
if (shouldPlay >= 2) {
checkReadyState();
shouldPlay = 0;
}
});
aud.addEventListener("canplay", () => { aud.addEventListener("canplay", () => {
shouldPlay++; shouldPlay++;
if (shouldPlay >= 2) { if (shouldPlay >= 2) {
checkReadyState(); checkReadyState();
startPlayback();
shouldPlay = 0;
}
});
video.addEventListener("canplay", () => {
shouldPlay++;
if (shouldPlay >= 2) {
checkReadyState();
startPlayback();
shouldPlay = 0; shouldPlay = 0;
} }
}); });