Elmar Kresse
8c5ca0044f
All checks were successful
Build and Push Docker Image / docker (push) Successful in 21s
78 lines
2.4 KiB
JavaScript
78 lines
2.4 KiB
JavaScript
import { $audio, $bufferBadge, $progressFill, $recordDisc } from './dom.js';
|
|
import { state } from './state.js';
|
|
|
|
export function initAudioUI() {
|
|
try {
|
|
if ('preservesPitch' in $audio) $audio.preservesPitch = true;
|
|
if ('mozPreservesPitch' in $audio) $audio.mozPreservesPitch = true;
|
|
if ('webkitPreservesPitch' in $audio) $audio.webkitPreservesPitch = true;
|
|
} catch {}
|
|
$audio.addEventListener('timeupdate', () => {
|
|
const dur = $audio.duration || 0;
|
|
if (!dur || !$progressFill) return;
|
|
const pct = Math.min(100, Math.max(0, ($audio.currentTime / dur) * 100));
|
|
$progressFill.style.width = pct + '%';
|
|
});
|
|
const showBuffer = (v) => {
|
|
state.isBuffering = v;
|
|
if ($bufferBadge) $bufferBadge.classList.toggle('hidden', !v);
|
|
if ($recordDisc) $recordDisc.classList.toggle('spin-record', !v && !$audio.paused);
|
|
};
|
|
$audio.addEventListener('waiting', () => showBuffer(true));
|
|
$audio.addEventListener('stalled', () => showBuffer(true));
|
|
$audio.addEventListener('canplay', () => showBuffer(false));
|
|
$audio.addEventListener('playing', () => showBuffer(false));
|
|
$audio.addEventListener('ended', () => {
|
|
if ($recordDisc) $recordDisc.classList.remove('spin-record');
|
|
$audio.playbackRate = 1.0;
|
|
});
|
|
}
|
|
|
|
export function applySync(startAt, serverNow) {
|
|
if (!startAt || !serverNow) return;
|
|
if (state.room?.state?.paused) return;
|
|
if (state.isBuffering) return;
|
|
const now = Date.now();
|
|
const elapsed = (now - startAt) / 1000;
|
|
const drift = ($audio.currentTime || 0) - elapsed;
|
|
const abs = Math.abs(drift);
|
|
if (abs > 1.0) {
|
|
$audio.currentTime = Math.max(0, elapsed);
|
|
if ($audio.paused) $audio.play().catch(() => {});
|
|
$audio.playbackRate = 1.0;
|
|
} else if (abs > 0.12) {
|
|
const maxNudge = 0.03;
|
|
const sign = drift > 0 ? -1 : 1;
|
|
const rate = 1 + sign * Math.min(maxNudge, abs * 0.5);
|
|
$audio.playbackRate = Math.max(0.8, Math.min(1.2, rate));
|
|
} else {
|
|
if (Math.abs($audio.playbackRate - 1) > 0.001) {
|
|
$audio.playbackRate = 1.0;
|
|
}
|
|
}
|
|
}
|
|
|
|
export function stopAudioPlayback() {
|
|
try {
|
|
$audio.pause();
|
|
} catch {}
|
|
try {
|
|
$audio.currentTime = 0;
|
|
} catch {}
|
|
try {
|
|
$audio.src = '';
|
|
} catch {}
|
|
try {
|
|
$audio.playbackRate = 1.0;
|
|
} catch {}
|
|
try {
|
|
if ($recordDisc) $recordDisc.classList.remove('spin-record');
|
|
} catch {}
|
|
try {
|
|
if ($progressFill) $progressFill.style.width = '0%';
|
|
} catch {}
|
|
try {
|
|
if ($bufferBadge) $bufferBadge.classList.add('hidden');
|
|
} catch {}
|
|
}
|