KlvPlayer module provides both on-demand and low latency live video stream playback with just few lines of HTML and JS code.

Klv Player module

On Demand Video Playback
Live Low latency video playback (LAN)
Authentication and Authorization
Video processing (effects)
Parsed MISB 0601.X metadata events
Sample code
No browser plugins required

There are 3 installation options:

Download the latest release: https://gitlab.com/impleotv/klvplayer.
Clone the repo: https://gitlab.com/impleotv/klvplayer.git.
Install with Bower - bower install klvplayer.

What's included

klvplayer/
├── dist/
│   ├── klvplayer.min.js   
├── test/
│   ├── css/
│       ├── playerdemo.css
│   ├── img/
│       ├── StanagOnDemand.jpg
│   ├── bower.json
│   ├── index.html
│   └── index.js

We provide compiled JS (with CSS included).

Online demo

Online Demo

Getting started

Include the dependencies and add klvplayer to your html page:

...
<script src="bower_components/klvplayer/dist/klvplayer.min.js"></script>
...
<div id="klvPlayer1" class='KlvPlayer'> </div>
...

Initialize KlvPlayer:

var klvPlayer1 = new KlvPlayer("#klvPlayer1");
klvPlayer1.user =  <user>;
klvPlayer1.password = <password>;
klvPlayer1.setServerUrl(<server url>);

Setup events, if needed (more info in the sample code).

klvPlayer1.on('Connected', function () {
});
klvPlayer1.on('Disconnected', function () {
   
});
klvPlayer1.on('Started', function () {
   
});
...   

Get mission list and start playback

// Get mission list, and start the first available mission playback
klvPlayer1.getMissions(function (err, missions) {
     if (missions.length) {         
         klvPlayer1.setMission(missions[0]._id);
         klvPlayer1.start();
     }      
 });

Player API

For mode details on KlvPlayer, including its API please see KlvPlayer Api