fix audio output cache (#804)

* fix audio output cache

* changes

* version update

Co-authored-by: Ali Abid <aliabid94@gmail.com>

gradio.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: gradio
-Version: 2.8.9
+Version: 2.8.10
 Summary: Python library for easily interacting with trained machine learning models
 Home-page: https://github.com/gradio-app/gradio-UI
 Author: Abubakar Abid, Ali Abid, Ali Abdalla, Dawood Khan, Ahsen Khaliq

gradio/version.txt

@@ -1 +1 @@
-2.8.9
+2.8.10

setup.py

@@ -5,7 +5,7 @@ except ImportError:
 
 setup(
     name="gradio",
-    version="2.8.9",
+    version="2.8.10",
     include_package_data=True,
     description="Python library for easily interacting with trained machine learning models",
     author="Abubakar Abid, Ali Abid, Ali Abdalla, Dawood Khan, Ahsen Khaliq",

ui/packages/app/src/components/output/Audio/Audio.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
+	import { afterUpdate } from "svelte";
 	export let value: string;
 	export let theme: string;
+
+	let audio: HTMLAudioElement;
+	afterUpdate(() => (audio.src = value));
 </script>
 
-<audio {theme} controls>
+<audio bind:this={audio} class="w-full" {theme} controls>
 	<source src={value} />
 </audio>
-
-<style lang="postcss">
-</style>

website/homepage/render_html.py

@@ -84,8 +84,12 @@ for guide in sorted(os.listdir(GRADIO_GUIDES_DIR)):
         [
             line
             for line in guide_content.split("\n")
-            if not (line.startswith("tags: ") or line.startswith("related_spaces: ") or
-                    line.startswith("Contributed by ") or line == title)
+            if not (
+                line.startswith("tags: ")
+                or line.startswith("related_spaces: ")
+                or line.startswith("Contributed by ")
+                or line == title
+            )
         ]
     )
 
@@ -97,7 +101,7 @@ for guide in sorted(os.listdir(GRADIO_GUIDES_DIR)):
             "tags": tags,
             "spaces": spaces,
             "url": url,
-            "contributor": contributor
+            "contributor": contributor,
         }
     )