Update app.py

app.py

@@ -35,6 +35,7 @@ import copy
 from pathlib import Path
 
 gr.set_static_paths(paths=[Path.cwd().absolute()/"outputs"])
+
 def get_instructor_name(speaker):
     instructor_names = {
         "feynman.mp3": "Professor Richard Feynman",
@@ -411,6 +412,7 @@ def get_gradio_file_url(local_path):
     if not local_path:
         return None
     relative_path = os.path.relpath(local_path, os.getcwd())
+    print(f"Relative path: {relative_path}")
     return f"/gradio_api/file={relative_path}"
 
 # Async generate lecture materials and audio
@@ -826,7 +828,7 @@ Example: 'Received {total_slides} slides, {total_slides} scripts, and HTML files
         audio_urls = [None] * len(scripts)
         audio_timeline = ""
         for i in range(len(scripts)):
-            audio_timeline += f'<audio id="audio-{i+1}" controls src="" style="display: inline-block; margin: 0 10px; width: 200px;"><span>Loading...</span></audio>'
+            audio_timeline += f'<audio id="audio-{i+1}" controls type="audio/mpeg" src="" style="display: inline-block; margin: 0 10px; width: 200px;"><span>Loading...</span></audio>'
         
         file_paths = [f for f in os.listdir(OUTPUT_DIR) if f.endswith(('.md', '.txt'))]
         file_paths.sort()
@@ -926,9 +928,9 @@ Example: 'Received {total_slides} slides, {total_slides} scripts, and HTML files
         audio_timeline = ""
         for j, url in enumerate(audio_urls):
             if url:
-                audio_timeline += f'<audio id="audio-{j+1}" controls src="{url}" style="display: inline-block; margin: 0 10px; width: 200px;"></audio>'
+                audio_timeline += f'<audio id="audio-{j+1}" controls type="audio/mpeg" src="{url}" style="display: inline-block; margin: 0 10px; width: 200px;"></audio>'
             else:
-                audio_timeline += f'<audio id="audio-{j+1}" controls src="" style="display: inline-block; margin: 0 10px; width: 200px;"><span>Audio unavailable</span></audio>'
+                audio_timeline += f'<audio id="audio-{j+1}" controls type="audio/mpeg" src="" style="display: inline-block; margin: 0 10px; width: 200px;"><span>Audio unavailable</span></audio>'
         
         slides_info = json.dumps({"htmlFiles": html_file_urls, "audioFiles": audio_urls})
         html_output = f"""