diff --git a/.changeset/huge-schools-bake.md b/.changeset/huge-schools-bake.md
new file mode 100644
index 0000000000..d86b6de399
--- /dev/null
+++ 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
index 537b8df8e6..a5659de417 100644
--- 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
index 6dc5a23e14..d81e48a66e 100644
--- 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", () => {