Update app.py

app.py

@@ -32,7 +32,9 @@ import markdown
 import PyPDF2
 import io
 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",
@@ -406,10 +408,8 @@ def create_zip_of_files(file_paths):
 
 # Access local files
 def get_gradio_file_url(local_path):
-    relative_path = os.path.relpath(local_path, os.getcwd())
-    final_path = f"/gradio_api/file={relative_path}"
-    print(f"Full Path: {final_path}")
-    return final_path
+    return f"/gradio_api/file={local_path}"
+
 
 # Async generate lecture materials and audio
 async def on_generate(api_service, api_key, serpapi_key, title, lecture_content_description, lecture_type, lecture_style, speaker_audio, num_slides):
@@ -1306,84 +1306,100 @@ js_code = """
                     // Start playback
                     isPlaying = true;
                     playIcon.className = 'fas fa-pause';
-                    currentSlide = 0;
-                    currentAudioIndex = 0;
                     
-                    updateSlide(() => {
-                        function playNext() {
-                            if (currentAudioIndex >= totalSlides || !isPlaying) {
+                    // Only update slide if we're not already on the correct slide
+                    if (currentSlide !== currentAudioIndex) {
+                        currentSlide = currentAudioIndex;
+                        updateSlide(() => {
+                            playCurrentAudio();
+                        });
+                    } else {
+                        playCurrentAudio();
+                    }
+
+                    function playCurrentAudio() {
+                        if (!isPlaying) return;
+                        
+                        const audio = audioElements[currentAudioIndex];
+                        if (audio && audio.play) {
+                            audioElements.forEach(a => a.style.border = 'none');
+                            audio.style.border = '5px solid #16cd16';
+                            audio.style.borderRadius = '30px';
+                            console.log(`Attempting to play audio for slide ${currentAudioIndex + 1}`);
+                            
+                            audio.play().then(() => {
+                                console.log(`Playing audio for slide ${currentAudioIndex + 1}`);
+                                audio.onended = null;
+                                audio.addEventListener('ended', () => {
+                                    if (isPlaying) {
+                                        console.log(`Audio ended for slide ${currentAudioIndex + 1}`);
+                                        currentAudioIndex++;
+                                        if (currentAudioIndex >= totalSlides) {
+                                            isPlaying = false;
+                                            playIcon.className = 'fas fa-play';
+                                            audioElements.forEach(a => a.style.border = 'none');
+                                            return;
+                                        }
+                                        currentSlide = currentAudioIndex;
+                                        updateSlide(() => {
+                                            playCurrentAudio();
+                                        });
+                                    }
+                                }, { once: true });
+                            }).catch(e => {
+                                console.error(`Audio play failed for slide ${currentAudioIndex + 1}:`, e);
+                                setTimeout(() => {
+                                    if (isPlaying) {
+                                        audio.play().then(() => {
+                                            console.log(`Retry succeeded for slide ${currentAudioIndex + 1}`);
+                                            audio.onended = null;
+                                            audio.addEventListener('ended', () => {
+                                                if (isPlaying) {
+                                                    console.log(`Audio ended for slide ${currentAudioIndex + 1}`);
+                                                    currentAudioIndex++;
+                                                    if (currentAudioIndex >= totalSlides) {
+                                                        isPlaying = false;
+                                                        playIcon.className = 'fas fa-play';
+                                                        audioElements.forEach(a => a.style.border = 'none');
+                                                        return;
+                                                    }
+                                                    currentSlide = currentAudioIndex;
+                                                    updateSlide(() => {
+                                                        playCurrentAudio();
+                                                    });
+                                                }
+                                            }, { once: true });
+                                        }).catch(e => {
+                                            console.error(`Retry failed for slide ${currentAudioIndex + 1}:`, e);
+                                            currentAudioIndex++;
+                                            if (currentAudioIndex >= totalSlides) {
+                                                isPlaying = false;
+                                                playIcon.className = 'fas fa-play';
+                                                audioElements.forEach(a => a.style.border = 'none');
+                                                return;
+                                            }
+                                            currentSlide = currentAudioIndex;
+                                            updateSlide(() => {
+                                                playCurrentAudio();
+                                            });
+                                        });
+                                    }
+                                }, 500);
+                            });
+                        } else {
+                            currentAudioIndex++;
+                            if (currentAudioIndex >= totalSlides) {
                                 isPlaying = false;
                                 playIcon.className = 'fas fa-play';
-                                audioElements.forEach(audio => {
-                                    if (audio) audio.style.border = 'none';
-                                });
-                                console.log("Finished playing all slides or paused");
+                                audioElements.forEach(a => a.style.border = 'none');
                                 return;
                             }
-
                             currentSlide = currentAudioIndex;
                             updateSlide(() => {
-                                const audio = audioElements[currentAudioIndex];
-                                if (audio && audio.play) {
-                                    audioElements.forEach(a => a.style.border = 'none');
-                                    audio.style.border = '5px solid #16cd16';
-                                    audio.style.borderRadius = '30px';
-                                    console.log(`Attempting to play audio for slide ${currentAudioIndex + 1}`);
-                                    
-                                    audio.play().then(() => {
-                                        console.log(`Playing audio for slide ${currentAudioIndex + 1}`);
-                                        audio.onended = null;
-                                        audio.addEventListener('ended', () => {
-                                            if (isPlaying) {
-                                                console.log(`Audio ended for slide ${currentAudioIndex + 1}`);
-                                                currentAudioIndex++;
-                                                playNext();
-                                            }
-                                        }, { once: true });
-                                        
-                                        const checkDuration = setInterval(() => {
-                                            if (!isPlaying) {
-                                                clearInterval(checkDuration);
-                                                return;
-                                            }
-                                            if (audio.duration && audio.currentTime >= audio.duration - 0.1) {
-                                                console.log(`Fallback: Audio for slide ${currentAudioIndex + 1} considered ended`);
-                                                clearInterval(checkDuration);
-                                                audio.onended = null;
-                                                currentAudioIndex++;
-                                                playNext();
-                                            }
-                                        }, 1000);
-                                    }).catch(e => {
-                                        console.error(`Audio play failed for slide ${currentAudioIndex + 1}:`, e);
-                                        setTimeout(() => {
-                                            if (isPlaying) {
-                                                audio.play().then(() => {
-                                                    console.log(`Retry succeeded for slide ${currentAudioIndex + 1}`);
-                                                    audio.onended = null;
-                                                    audio.addEventListener('ended', () => {
-                                                        if (isPlaying) {
-                                                            console.log(`Audio ended for slide ${currentAudioIndex + 1}`);
-                                                            currentAudioIndex++;
-                                                            playNext();
-                                                        }
-                                                    }, { once: true });
-                                                }).catch(e => {
-                                                    console.error(`Retry failed for slide ${currentAudioIndex + 1}:`, e);
-                                                    currentAudioIndex++;
-                                                    playNext();
-                                                });
-                                            }
-                                        }, 500);
-                                    });
-                                } else {
-                                    currentAudioIndex++;
-                                    playNext();
-                                }
+                                playCurrentAudio();
                             });
                         }
-                        playNext();
-                    });
+                    }
                 }
 
                 function toggleFullScreen() {
@@ -1426,10 +1442,33 @@ js_code = """
 
                 waitForElement('#reload-btn', (reloadBtn) => {
                     reloadBtn.addEventListener('click', () => {
-                        console.log("Reload button clicked");
+                        // Reset state
                         currentSlide = 0;
-                        updateAudioSources(lectureData.audioFiles);
-                        renderSlide();
+                        currentAudioIndex = 0;
+                        isPlaying = false;
+                        
+                        // Reset play button
+                        const playBtn = document.getElementById('play-btn');
+                        if (playBtn) {
+                            const playIcon = playBtn.querySelector('i');
+                            if (playIcon) {
+                                playIcon.className = 'fas fa-play';
+                            }
+                        }
+                        
+                        // Reset audio elements
+                        audioElements.forEach(audio => {
+                            if (audio) {
+                                audio.pause();
+                                audio.currentTime = 0;
+                                audio.style.border = 'none';
+                            }
+                        });
+                        
+                        // Force reload first slide
+                        updateSlide(() => {
+                            console.log("Reloaded first slide");
+                        });
                     });
                     console.log("Attached event listener to reload-btn");
                 });
@@ -2302,7 +2341,11 @@ with gr.Blocks(
             "audience": audience_val or "University"
         }
 
-    def show_note_content(evt: dict, notes):
+    def show_note_content(evt: dict, notes=None):
+        # Handle case when only event is provided
+        if notes is None:
+            return gr.update(value="Click any button above to generate content...")
+            
         # evt['index'] gives the row index
         idx = evt.get('index', 0)
         if 0 <= idx < len(notes):