@firescar96/videojs-quality-selector

videojs-source-selector

VideoJS plugin that leverages videojs-contrib-quality-levels plugin to offer manual user-selectable level selection options for adaptive http streams.

Test it with your stream here

Compatible with vjs 7 and up.

Labels:

Level labels are generated from the id and label metadata parsed from the stream QualityLevels sources.

Installation

npm install --save videojs-contrib-quality-levels
npm install --save @firescar96/videojs-source-selector

Dependencies

Requires videojs-contrib-quality-levels

Usage

To include videojs-source-selector on your website or web application, use any of the following methods.

<script> tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin after you include [video.js][videojs], so that the videojs global is available. You can configure the plugin with the options described above.

<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-source-selector.min.js"></script>
<script src="//path/to/videojs-contrib-quality-levels.min.js"></script>
<script>
  var options =
  {
    // no options are allowed for now, but in the future options can be placed here
    // plugins: {
    //   httpSourceSelector: {}
    // }
  };
  var player = videojs('my-video', options);
  player.httpSourceSelector();
</script>

Browserify/CommonJS

When using with Browserify, install videojs-source-selector via npm and require the plugin as you would any other module.

var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@firescar96/videojs-source-selector');

var player = videojs('my-video');

player.httpSourceSelector();

ES6

  import videojs from 'video.js';
  import 'videojs-contrib-quality-levels';
  import '@firescar96/videojs-source-selector';

  var player = videojs('my-video');

  player.httpSourceSelector();
});

Building from src

To build, checkout the repo, run npm install && npm start, go to localhost:9999 (or the next free port) and test out the plugin.

Pushing

• npm install
• npm build
• npm version major/minor/patch
• git push origin master --tags
• npm publish

License

MIT. Copyright (c) Justin Fujita, Nchinda Nchinda;