PWA live streaming HLS broadcast TV Pakistan
PakTV LIVE — Television Broadcast Wall
PWA (HTML5 + HLS.js)
Screenshots coming soon
About
Progressive Web App providing a unified broadcast wall for Pakistani live television channels — professional dark theme with live tickers, adaptive bitrate HLS streaming, and installable PWA experience.
My Role
Built the full PWA: HLS.js integration for adaptive streaming, service worker for offline support, broadcast-quality dark UI with scanline effects, and tab-based channel organization.
Core Capabilities
- Multi-channel simultaneous live TV streaming
- HLS adaptive bitrate streaming via HLS.js
- Live news ticker with animated scrolling
- Tab-based channel organization with video counts
- PWA installation for mobile/desktop home screen
- Professional broadcast-quality dark interface
Architecture
- Vanilla HTML5/CSS3/JavaScript (zero dependencies except HLS.js)
- HLS.js for HTTP Live Streaming protocol
- Service Worker for offline caching and PWA
- CSS Grid with custom properties for responsive layout
- Web App manifest for standalone installation
Tech Stack
HTML5 CSS3 JavaScript HLS.js Service Worker PWA