diff --git a/.replit b/.replit index 3f9dff8..cd990cf 100644 --- a/.replit +++ b/.replit @@ -23,10 +23,6 @@ externalPort = 3001 localPort = 35637 externalPort = 3000 -[[ports]] -localPort = 41879 -externalPort = 3002 - [env] PORT = "5000" diff --git a/client/src/pages/LivePage.tsx b/client/src/pages/LivePage.tsx index 577992f..3cfdc27 100644 --- a/client/src/pages/LivePage.tsx +++ b/client/src/pages/LivePage.tsx @@ -11,8 +11,6 @@ declare global { } export default function LivePage() { - console.log('πŸ”΄ LivePage component rendered'); - const videoRef = useRef(null); const hlsRef = useRef(null); const [isLoading, setIsLoading] = useState(true); @@ -61,14 +59,6 @@ export default function LivePage() { }; }, []); - // Callback ref to properly handle video element mounting - const videoCallbackRef = (element: HTMLVideoElement | null) => { - if (element && element !== videoRef.current) { - (videoRef as any).current = element; - console.log('πŸ”΄ Video element mounted, initializing player...'); - initializePlayer(); - } - }; const initializePlayer = async () => { console.log('πŸ”΄ LivePage: Starting to initialize player...'); diff --git a/replit.md b/replit.md index 04b1b77..faa13ab 100644 --- a/replit.md +++ b/replit.md @@ -6,7 +6,15 @@ go4.video is a fully functional professional video streaming platform with a com ## Recent Changes (August 2025) -### Latest Updates (September 2, 2025) +### Latest Updates (September 26, 2025) +- βœ… **HLS Live Streaming Implementation**: Successfully implemented comprehensive HLS live streaming functionality on `/live` page using HLS.js +- βœ… **Live Stream Player**: Professional video player with autoplay (muted), full controls, crossOrigin support, and adaptive quality selection +- βœ… **Multi-Quality Support**: Stream automatically selects best quality (1080p, 720p, 360p) based on bandwidth with real-time switching +- βœ… **Live Stream Integration**: Fully functional HLS stream from https://cdne.folxplay.tv/fxt/streams/ch-4/master.m3u8 with live segment refreshing +- βœ… **Browser Compatibility**: Works across all modern browsers with HLS.js support and Safari native HLS fallback +- βœ… **Live UI Elements**: Red "LIVE" indicator with pulsing animation and proper navigation integration throughout site + +### Previous Updates (September 2, 2025) - βœ… **Mobile Layout Optimization**: Enhanced mobile video card typography with larger titles (text-2xl) and subtitles (text-base) for better readability on small screens - βœ… **Individual Video Page Mobile Design**: Implemented clean mobile layout for video pages with full title display, views/date info, and expandable description text with "preberi več/pokaΕΎi manj" functionality - βœ… **Mobile Number Visibility**: Top 10 ranking numbers on "Meist Angesehen" videos remain visible on mobile devices (no hiding on tap/hover)