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

test 4

Browse source
This commit is contained in:
ashley 2024-08-27 22:58:25 +00:00
parent cb67431323
commit 9e3eeb277e
1 changed files with 7 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
html/poketube.ejs
View file

@ -2116,39 +2116,24 @@ const baseFrameIntervalMs = 500;
let intervalId; let intervalId;
let oddFrame = true; let oddFrame = true;
const getCoreCount = () => navigator.hardwareConcurrency || 2; const getFrameInterval = () => {
const coreCount = navigator.hardwareConcurrency || 2;
const getOptimizedInterval = () => {
const coreCount = getCoreCount();
return Math.max(baseFrameIntervalMs / coreCount, 33); return Math.max(baseFrameIntervalMs / coreCount, 33);
}; };
const updateCanvasSize = () => {
const coreCount = getCoreCount();
const size = Math.min(1000, 800 / coreCount);
oddCanvas.style.width = evenCanvas.style.width = `${size}px`;
oddCanvas.style.height = evenCanvas.style.height = `${size * 0.75}px`;
};
const drawFrame = () => { const drawFrame = () => {
const ctx = oddFrame ? oddCtx : evenCtx; const ctx = oddFrame ? oddCtx : evenCtx;
const canvas = oddFrame ? oddCanvas : evenCanvas; const canvas = oddFrame ? oddCanvas : evenCanvas;
ctx.drawImage(AMvideo, 0, 0, canvas.width, canvas.height); ctx.drawImage(AMvideo, 0, 0, canvas.width, canvas.height);
oddCanvas.style.opacity = oddFrame ? canvasOpacity : "0";
if (oddFrame) { evenCanvas.style.opacity = oddFrame ? "0" : canvasOpacity;
oddCanvas.style.opacity = canvasOpacity;
evenCanvas.style.opacity = "0";
} else {
evenCanvas.style.opacity = canvasOpacity;
oddCanvas.style.opacity = "0";
}
oddFrame = !oddFrame; oddFrame = !oddFrame;
}; };
const drawStart = () => { const drawStart = () => {
const frameIntervalMs = getOptimizedInterval(); const frameIntervalMs = getFrameInterval();
intervalId = setInterval(drawFrame, frameIntervalMs); intervalId = setInterval(drawFrame, frameIntervalMs);
}; };
@ -2159,12 +2144,11 @@ const drawPause = () => {
const init = () => { const init = () => {
AMvideo.pause(); AMvideo.pause();
AMvideo.play(); AMvideo.play();
updateCanvasSize();
AMvideo.addEventListener("play", drawStart, false); AMvideo.addEventListener("play", drawStart, false);
AMvideo.addEventListener("pause", drawPause, false); AMvideo.addEventListener("pause", drawPause, false);
AMvideo.addEventListener("ended", drawPause, false); AMvideo.addEventListener("ended", drawPause, false);
const frameIntervalMs = getOptimizedInterval(); const frameIntervalMs = getFrameInterval();
oddCanvas.style.transition = evenCanvas.style.transition = `opacity ${frameIntervalMs}ms`; oddCanvas.style.transition = evenCanvas.style.transition = `opacity ${frameIntervalMs}ms`;
}; };
@ -2178,6 +2162,7 @@ const cleanup = () => {
window.addEventListener("load", init); window.addEventListener("load", init);
window.addEventListener("unload", cleanup); window.addEventListener("unload", cleanup);
</script> </script>
<style> <style>
.video-player-container, #video { .video-player-container, #video {