Online TV + Online Radio
Stream channels, switch stations, and keep track of what’s on air.
This single-page demo includes a TV player, a radio player with a visualizer, a channel directory, and a schedule panel. Add your own stream URLs to test your service UX.
Instant switching
TV channels & radio stations
Custom streams
Paste your HLS/MP4/MP3 URL
Schedule
Now / Next + weekly view
Now On Air
Loading…
Local time
--:--:--
TV
—
—
Radio
—
—
Live TV
Select a channel to start streaming. (Default uses a sample MP4 for demo.)
Channel
—
—
Quality / Type
MP4 (demo)
Tip: You can add HLS (.m3u8) URLs via Add Stream.
Online Radio
Pick a station. Includes a simple audio visualizer (requires pressing Play).
Station
—
—
Sleep timer
—
Request / Contact
Front-end demo: saves to your browser only.
Schedule
A demo schedule generator: now/next blocks based on your local time.
Now / Next
Now
——
—
0%
Next
——
—
Today
Directory
A combined view of TV channels and radio stations (demo catalog + your custom streams).
About this demo
This is a front-end only, single-file demo you can use as a starting point for an online TV channel service and an online radio service.
- TV uses an HTML5 <video> element.
- Radio uses an HTML5 <audio> element + WebAudio visualizer.
- Schedule is generated in the browser to demonstrate UI/UX (no backend needed).
- Custom streams and favorites persist via localStorage.
If your HLS (.m3u8) streams don’t play in a given browser, you may need a player library (e.g., hls.js) or native support. This demo stays library-free by design.
Suggested next step
Connect a real EPG / metadata
Integrate your station “now playing” API + TV EPG.
Suggested next step
Auth + subscriptions
JWT sessions, plans, billing, and geofencing.
Suggested next step
Analytics
Track plays, buffer events, and churn.