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; + + $: 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", () => {