passes duration to slot props

src/lib/components/audio.svelte

@@ -67,4 +67,5 @@
 		on:emptied={(e) => console.log('emptied', e)}
 		on:load={(e) => console.log('load', e)}
 	/>
+	<slot {duration} />
 {/key}

src/routes/+page.svelte

@@ -19,8 +19,8 @@
 	{playbackRate}
 	{paused}
 	bind:currentTime
-/>
+	let:duration
-
+>
 	<h5>Custom audio controls</h5>
 
 	<h6>Audio Actions</h6>
@@ -34,6 +34,7 @@
 	<button type="button" on:click={() => (currentTime = currentTime + 5)}>Skip 5s</button>
 	<button type="button" on:click={() => (currentTime = currentTime - 5)}>Rewind 5s</button>
 	<button type="button" on:click={() => (currentTime = 30)}>Go to 30s</button>
+	<button type="button" on:click={() => (currentTime = duration - 30)}>Go to 30s before end</button>
 
 	<h6>Playback Rate</h6>
 
@@ -46,3 +47,4 @@
 	{#each [0, 0.25, 0.5, 0.75, 1] as v}
 		<button type="button" on:click={() => (volume = v)}>{v * 100}%</button>
 	{/each}
+</Audio>