MeroTV is a simple web-based video player include nepali TV, hindi channel and movies channelthat allows users to switch between different channels. The video player uses Video.js along with HLS (HTTP Live Streaming) support. Users can click on a channel from the list to start streaming the selected channel.
- Video.js player with HLS support
- Channel list with logos
- Autoplay video when the page loads
- Highlight currently playing channel
- HTML5
- CSS3
- JavaScript
- Video.js
- videojs-contrib-hls
To run this project, you need a web browser that supports HTML5 and JavaScript.
-
Clone the repository to your local machine:
git clone https://github.com/prchapagain/merotv.git
-
Navigate to the project directory:
cd merotv
-
Open the
index.html
file in your web browser.
- Open
index.html
in your web browser. - The video player will automatically start playing the default channel.
- Click on any channel in the list to change the stream.
- The currently playing channel will be highlighted, and its logo will appear.
To add new channels to the list:
- Open the
index.html
file. - Locate the
<ul class="channel-list" id="channel-list">
section. - Add a new
<li>
element with thedata-src
attribute set to the URL of the new channel's HLS stream. Include an<img>
tag for the channel's logo.
Example:
<li data-src="https://example.com/new_channel.m3u8">
<img src="https://example.com/new_channel_logo.png" alt="New Channel">
New Channel
</li>