Ensure audio waveform autoplay updates (#6546)

* prevent autoplay when autoplay is false * tweak * tweak * add changeset --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Nov 22, 2023 · a424fdb · a424fdb
1 parent 1bbd6ca
commit a424fdb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/.changeset/huge-schools-bake.md b/.changeset/huge-schools-bake.md
@@ -0,0 +1,6 @@
+---
+"@gradio/audio": patch
+"gradio": patch
+---
+
+fix:Ensure audio waveform `autoplay` updates 
diff --git a/js/audio/Index.svelte b/js/audio/Index.svelte
@@ -88,7 +88,9 @@
 		active_source = sources[0];
 	}
 
-	const waveform_settings = {
+	let waveform_settings: Record<string, any>;
+
+	$: waveform_settings = {
 		height: 50,
 		waveColor: waveform_options.waveform_color || "#9ca3af",
 		progressColor: waveform_options.waveform_progress_color || "#f97316",

diff --git a/js/audio/player/AudioPlayer.svelte b/js/audio/player/AudioPlayer.svelte
@@ -80,7 +80,11 @@
 	);
 
 	$: waveform?.on("ready", () => {
-		if (waveform_settings.autoplay) waveform?.play();
+		if (!waveform_settings.autoplay) {
+			waveform?.stop();
+		} else {
+			waveform?.play();
+		}
 	});
 
 	$: waveform?.on("finish", () => {