StreamLine is a modern, high performance live TV streaming platform designed to provide a seamless "lean back" experience across all devices. It leverages open source IPTV playlists to deliver thousands of global channels with a professional, industry standard interface.
StreamLine.mp4
The application is built to bridge the gap between complex IPTV playlists and end users by providing an intuitive, Netflix inspired UI. It automatically parses .m3u sources, categorizes them using intelligent keyword mapping, and provides a robust HLS video player for low latency streaming.
- HLS.js Integration: Adaptive bitrate streaming support for smooth playback.
- Auto Reconnect: Intelligent error handling that attempts to recover streams during network interruptions.
- Picture in Picture (PiP): Supports browser native PiP for multitasking.
- Live Status: Visual indicators for real time broadcasts.
- Smart Grouping: Automatically sorts channels into categories: Movies, Kids, Sports, News, Teledrama, and International.
- Adult Content Filter: A secure toggle to hide/show age restricted content.
- Global Search: Instant fuzzy searching across thousands of channel names.
- Netflix Style Layout: A grid based design optimized for visual discovery.
- Favorites System: Save your most watched channels; persistent across sessions using LocalStorage.
- Responsive Design: Mobile first approach ensuring compatibility from smartphones to 4K desktops.
- Lazy Loading: High performance rendering of large channel lists to ensure 60FPS scrolling.
- Glassmorphism: Modern UI elements with backdrop blurs and subtle borders.
- Dynamic Theming: Deep slate/blue dark mode optimized for late night viewing.
- Skeleton States: Smooth loading transitions while fetching the global playlist.
- Frontend Core: React 19 (Functional Components, Hooks, Memoization)
- Styling: Tailwind CSS (Utility first responsive design)
- Video Engine: HLS.js (HTTP Live Streaming)
- Icons: Lucide React (Modern, consistent iconography)
- Type Safety: TypeScript (Strict typing for channel data and app state)
- Data Source: IPTV-org (Open source global playlist)
- Typography: Google Fonts (Inter)
- Step 1: Download and unzip the entire code folder.
- Step 2: Open this folder in VSCode.
- Step 3: Run the commands "npm install" and "npm run dev" in the VSCode terminal.
- Home Page
- Channels View
StreamLine is a media player interface. It does not host, own, or manage any of the streaming content. All streams are sourced from external, publicly available .m3u playlists. Users are responsible for ensuring they have the rights to view the content accessed via the platform.