Live Stream

Below is a video which utilizes
Apple's HLS (HTTP Live Streaming) protocol
to provide a live stream for the viewer in HTML.


Greece Parkour



HLS streaming has emerged as the standard for OTT delivery.

Adaptive bitrate video delivery is a combination of server and client software that detects a client’s bandwidth capacity and adjusts the quality of the video stream between multiple bitrates and resolutions.

The adaptive bitrate video experience is superior to delivering a static video file at a single bitrate, because the video stream can be switched midstream to be as good or bad as the client’s available network speed, as opposed to the buffering or interruption in playback that can happen when client’s network speed can’t support the quality of video).

Everyone is familiar with the issues surrounding video delivery to multiple devices, and HLS content has rapidly become the standard for adaptive bitrate technology for mobile, tablets, OTT, and desktop.

Technical Details

HLS streaming is adaptive bitrate technology.

Once a video is encoded to HLS, multiple files are created for different bandwidths and different resolutions.

The streams are mapped to the client in real time using an .M3U8 index file based on screen size and available bandwidth.

HTML5 Player Manipulation

Below is a simple example of customized player controls for online videos.
This M3U8 live stream supports closed captions and multiple audio tracks.


HTML5 Video Events and API

This page demonstrates HTML5 video elements, the HTML5 media API, and HTML5 media events.

Play, pause, and seek through the entire video, change the volume, mute, change the playback rate, including going into negative values.

See the effect on the video and on the underlying events and properties.

Media Events

Media Properties