From 8afc23cbac9290e9f5debb87f1da7f2f87e598a3 Mon Sep 17 00:00:00 2001
From: Ollie Taylor <13766232+OllieJT@users.noreply.github.com>
Date: Wed, 22 Feb 2023 00:29:04 +0000
Subject: [PATCH] logs progress

---
 src/routes/+page.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 62d4e6f..a6dcb25 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,7 +11,15 @@
 <h1>Demo</h1>
 
 <h5>Native audio controls</h5>
-<Audio src="/example.mp3" autoplay={false} {volume} {playbackRate} {paused} bind:currentTime />
+<Audio
+	on:progress={(e) => console.log(e.detail)}
+	src="/example.mp3"
+	autoplay={false}
+	{volume}
+	{playbackRate}
+	{paused}
+	bind:currentTime
+/>
 
 <h5>Custom audio controls</h5>
 
@@ -25,7 +33,6 @@
 
 <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>
 
 <h6>Playback Rate</h6>