{#if artUrl}

{:else}

{#if player.track}{/if}

{/if}

{#if player.error} ⚠ {player.error} {:else if player.track} {:else} Nothing playing {/if} {#if player.status === "buffering"} {metaParts[0] || "buffering…"} {:else if player.track && (metaParts[0] || metaParts[1])} {#if metaParts[0]} {/if} {#if metaParts[0] && metaParts[1]}·{/if} {#if metaParts[1]} {/if} {/if}

{fmt(player.position)}

(hoverX = -1)} class:dragging={draggingSeek} onpointerdown={(e) => startScrub(e, waveWrap)} onpointermove={(e) => moveScrub(e, waveWrap)} onpointerup={(e) => endScrub(e, waveWrap)} onpointercancel={(e) => endScrub(e, waveWrap)} >

{#if hoverX >= 0 && player.duration}

{fmt(hoverTime)}

{/if}

{fmt(player.duration)}

{#if menuOpen}

{/if}

draggingVolume && setVolume(e)} onpointerup={endVolumeDrag} onpointercancel={endVolumeDrag} onkeydown={volumeKeydown} role="slider" aria-label="Volume" aria-valuenow={Math.round((player.muted ? 0 : player.volume) * 100)} tabindex="0" >