diff --git a/client/src/App.tsx b/client/src/App.tsx index bb71947..b3754b9 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -9,6 +9,7 @@ import VideoPage from "@/pages/VideoPage"; import FolxStadlPage from "@/pages/FolxStadlPage"; import GeschichteLiedPage from "@/pages/GeschichteLiedPage"; import GipfelstammtischPage from "@/pages/GipfelstammtischPage"; +import LivePage from "@/pages/LivePage"; import AdminPage from "@/pages/admin"; import PrivacyPolicy from "@/pages/PrivacyPolicy"; import TermsOfService from "@/pages/TermsOfService"; @@ -23,6 +24,7 @@ function Router() { + diff --git a/client/src/pages/LivePage.tsx b/client/src/pages/LivePage.tsx index 54ecd84..0634bf0 100644 --- a/client/src/pages/LivePage.tsx +++ b/client/src/pages/LivePage.tsx @@ -111,40 +111,44 @@ export default function LivePage() { setIsLoading(false); // Auto-play live stream - player?.play().catch((error: any) => { - console.log('Live stream autoplay prevented:', error); - }); - }); - - // Event listeners - player.on('play', () => { - console.log('πŸ”΄ Live stream started'); - setIsPlaying(true); - }); - - player.on('pause', () => { - console.log('⏸️ Live stream paused'); - setIsPlaying(false); - }); - - player.on('volumechange', () => { if (player) { - const vol = player.volume(); - const muted = player.muted(); - setVolume(vol); - setIsMuted(muted); - console.log('πŸ”Š Live stream volume change:', { volume: vol, muted }); + player.play().catch((error: any) => { + console.log('Live stream autoplay prevented:', error); + }); } }); - player.on('fullscreenchange', () => { - setIsFullscreen(!!player?.isFullscreen()); - }); + // Event listeners + if (player) { + player.on('play', () => { + console.log('πŸ”΄ Live stream started'); + setIsPlaying(true); + }); - player.on('error', (e: any) => { - console.error('🚨 Live stream error:', e); - setIsLoading(false); - }); + player.on('pause', () => { + console.log('⏸️ Live stream paused'); + setIsPlaying(false); + }); + + player.on('volumechange', () => { + if (player) { + const vol = player.volume(); + const muted = player.muted(); + setVolume(vol); + setIsMuted(muted); + console.log('πŸ”Š Live stream volume change:', { volume: vol, muted }); + } + }); + + player.on('fullscreenchange', () => { + setIsFullscreen(document.fullscreenElement !== null); + }); + + player.on('error', (e: any) => { + console.error('🚨 Live stream error:', e); + setIsLoading(false); + }); + } playerRef.current = player; @@ -316,7 +320,6 @@ export default function LivePage() {