apunkt/ASCILINE
1
0
Fork 0
mirror of https://github.com/YusufB5/ASCILINE.git synced 2026-06-23 22:48:06 +02:00
Code Issues Projects Releases Packages Wiki Activity

Performance Overhaul: Thread-pool decode, zero-copy pixel mode, and GPU seekbar UI

Browse source
This commit is contained in:
YusufB5 2026-06-19 19:51:39 +03:00
parent dc08a47de7
commit 524d66be72
3 changed files with 90 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app.js
View file

@ -203,16 +203,23 @@ function connectWebSocket() {
}
if (timeTotal) timeTotal.textContent = formatTime(duration);
if (timeCurrent) timeCurrent.textContent = "00:00";
if (seekPlayed) seekPlayed.style.width = '0%';
if (seekPlayed) seekPlayed.style.transform = 'scaleX(0)';
audioOffset = 0;
setupScrub(currentQueueIdx); // load hover thumbnails for this video
// Lazy-load hover thumbnails: only fetch on first hover
const qIdx = currentQueueIdx;
if (seekWrap && !scrubMeta) {
seekWrap.addEventListener('mouseenter', () => {
if (!scrubMeta) setupScrub(qIdx);
}, { once: true });
}
buildCanvas(parseInt(p[3]), parseInt(p[4]));
// Initialize adaptive codec decoder (pixel=3 bytes, ASCII color=4 bytes)
if (typeof AscilineCodec !== 'undefined' && renderMode > 1) {
codecDecoder = AscilineCodec.makeDecoder(pixelMode ? 3 : 4);
// Pixel mode explicitly bypasses the codec for maximum raw throughput
if (typeof AscilineCodec !== 'undefined' && renderMode > 1 && !pixelMode) {
codecDecoder = AscilineCodec.makeDecoder(4);
} else {
codecDecoder = null;
}
@ -320,7 +327,7 @@ function renderFrame(now) {
if (!isSeeking && seekBar) {
if (now - lastUiUpdateTime >= 100) {
seekBar.value = masterClock;
if (seekPlayed && duration) seekPlayed.style.width = Math.min(100, (masterClock / duration) * 100) + '%';
if (seekPlayed && duration) seekPlayed.style.transform = `scaleX(${Math.min(1, masterClock / duration)})`;
lastUiUpdateTime = now;
}
const formattedTime = formatTime(masterClock);
@ -495,7 +502,7 @@ if (playPauseBtn) {
function doSeek(targetSec) {
if (duration) targetSec = Math.max(0, Math.min(targetSec, duration));
if (seekBar) seekBar.value = targetSec;
if (seekPlayed && duration) seekPlayed.style.width = Math.min(100, (targetSec / duration) * 100) + '%';
if (seekPlayed && duration) seekPlayed.style.transform = `scaleX(${Math.min(1, targetSec / duration)})`;
if (ws && ws.readyState === WebSocket.OPEN) {
ws.send(JSON.stringify({ type: 'seek', time: targetSec }));