4gray
5cf96d7112
Add a transient channel number overlay to the video player UI so users see the numeric channel feedback when entering or changing channels. - Insert conditional overlay markup in the video-player template that renders when showChannelNumberOverlay is true and displays the channelNumberInput value. - Add styles for .channel-number-overlay and .channel-number-display to center the overlay, style the numeric display (large bold font, dark translucent background, rounded corners, shadow) and include a brief scale-in animation. - Keep overlay pointer-events disabled so it doesn't block player input. This improves user experience by giving clear visual confirmation of channel changes.
IPTVnator - IPTV Player Application
Telegram channel for discussions
IPTVnator is a video player application that provides support for IPTV playlist playback (m3u, m3u8). The application allows users to import playlists using remote URLs or by uploading files from the local file system. Additionally, it supports EPG information in XMLTV format which can be provided via URL.
The application is a cross-platform, open-source project built with Electron and Angular.
⚠️ Note: IPTVnator does not provide any playlists or other digital content. The channels and pictures in the screenshots are for demonstration purposes only.
Features
- M3u and M3u8 playlist support 📺
- Xtream Code (XC) and Stalker portal (STB) support
- External player support - MPV, VLC
- Add playlists from the file system or remote URLs 📂
- Automatic playlist updates on application startup
- Channel search functionality 🔍
- EPG support (TV Guide) with detailed information
- TV archive/catchup/timeshift functionality
- Group-based channel list
- Favorite channels management
- Global favorites aggregated from all playlists
- HTML video player with HLS.js support or Video.js-based player
- Internationalization with support for 16 languages:
- Arabic
- Moroccan arabic
- English
- Russian
- German
- Korean
- Spanish
- Chinese
- Traditional chinese
- French
- Italian
- Turkish
- Japanese
- Dutch
- Belarusian
- Polish
- Custom "User Agent" header configuration for playlists
- Light and Dark themes
- Docker version available for self-hosting
Screenshots:
| Welcome screen: Playlists overview | Main player interface with channels sidebar and video player |
|---|---|
 |
 |
| Welcome screen: Add playlist via file upload | Welcome screen: Add playlist via URL |
 |
 |
| EPG Sidebar: TV guide on the right side | General application settings |
 |
 |
| Playlist settings | |
 |
Note: First version of the application which was developed as a PWA is available in an extra git branch.
Download
Download the latest version of the application for macOS, Windows, and Linux from the release page.
Alternatively, you can install the application using one of the following package managers:
Homebrew
$ brew install iptvnator
Snap
$ sudo snap install iptvnator
Arch
Also available as an Arch PKG, iptvnator-bin, in the AUR (using your favourite AUR-helper, .e.g. yay)
$ yay -S iptvnator-bin
Gentoo
You can install IPTVnator from the gentoo-zh overlay
sudo eselect repository enable gentoo-zh
sudo emerge --sync gentoo-zh
sudo emerge iptvnator-bin
How to Build and Develop
Requirements:
- Node.js with npm
-
Clone this repository and install project dependencies:
$ npm install -
Start the application:
$ npm run serve:backend
This will open the Electron app in a separate window, while the Angular dev server will run at http://localhost:4200.
To run only the Angular app without Electron, use:
$ npm run serve:frontend
Disclaimer
IPTVnator doesn't provide any playlists or other digital content.
