PakTV LIVE — Television Broadcast Wall

PWA (HTML5 + HLS.js)

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