This commit is contained in:
2026-05-31 15:57:55 +02:00
parent c4a571a714
commit 23427f009f

View File

@@ -1719,7 +1719,11 @@ window.cancelAnimFrame = (function () {
container.insertAdjacentHTML('beforeend', ` container.insertAdjacentHTML('beforeend', `
<div class="v0ck_hud v0ck_hidden" style="z-index: 10000;"> <div class="v0ck_hud v0ck_hidden" style="z-index: 10000;">
<svg viewBox="0 0 24 24"><use class="v0ck_hud_icon" href="/s/img/v0ck.svg#volume_full"></use></svg> <svg viewBox="0 0 24 24">
<use class="v0ck_hud_icon v0ck_hud_volume_full" href="/s/img/v0ck.svg#volume_full"></use>
<use class="v0ck_hud_icon v0ck_hud_volume_mid v0ck_hidden" href="/s/img/v0ck.svg#volume_mid"></use>
<use class="v0ck_hud_icon v0ck_hud_volume_mute v0ck_hidden" href="/s/img/v0ck.svg#volume_mute"></use>
</svg>
<div class="v0ck_hud_bar_container"> <div class="v0ck_hud_bar_container">
<div class="v0ck_hud_bar"></div> <div class="v0ck_hud_bar"></div>
</div> </div>
@@ -1783,10 +1787,22 @@ window.cancelAnimFrame = (function () {
if (!hud) return; if (!hud) return;
hud.classList.remove('v0ck_hidden'); hud.classList.remove('v0ck_hidden');
hudBar.style.width = `${vol * 100}%`; hudBar.style.width = `${vol * 100}%`;
let icon = 'volume_full';
if (vol === 0) icon = 'volume_mute'; const hudSymbols = hud.querySelectorAll('.v0ck_hud_icon');
else if (vol <= 0.5) icon = 'volume_mid'; hudSymbols.forEach(s => s.classList.add('v0ck_hidden'));
hudIcon.setAttribute('href', `/s/img/v0ck.svg#${icon}`);
let targetClass = 'v0ck_hud_volume_full';
if (vol === 0) {
targetClass = 'v0ck_hud_volume_mute';
} else if (vol <= 0.5) {
targetClass = 'v0ck_hud_volume_mid';
}
const activeSymbol = [...hudSymbols].find(s => s.classList.contains(targetClass));
if (activeSymbol) {
activeSymbol.classList.remove('v0ck_hidden');
}
clearTimeout(hudTimer); clearTimeout(hudTimer);
hudTimer = setTimeout(() => hud && hud.classList.add('v0ck_hidden'), 1000); hudTimer = setTimeout(() => hud && hud.classList.add('v0ck_hidden'), 1000);
}; };