bennylangston / videojs-shaka-player

Shaka Player playback technology for Video.js

Shaka Player Playback Technology for Video.js

Shaka Player Playback Technology allows Video.js users to utilize Shaka-Player to playback MPEG DASH videos. This project is still under development, more features and enhancements will be available later.

If you want VideoJS 5 support, check out the vjs5 branch of this project.

Dependencies

• Video.js
• Video.js Font
• Shaka-Player

Build

Build script requires npm, bower and grunt.

If you don't have bower or grunt, run:

sudo npm install grunt
sudo npm install grunt-cli
sudo npm install bower
sudo npm install grunt-contrib-connect

Finally, run ./build.sh

Usage

• Include shaka-player.compiled.js and video.shaka.dev.js file in the html page.
• Specify "shaka" in the techOrder array as needed.
• Look at the included example for guidance.

Example

An example is provided under the /example directory. Run the build script before using this example.

Screenshot

Below is a screenshot of videojs-shaka-player playing an MPEG DASH (VP9/Vorbis) VoD playlist. By default, the video is played back adaptively. The quality menu (gear) is automatically populated based on the size and bitrates of the video streams listed in the playlist. You can manually select a video quality to override auto (adaptive) mode, and switch back to auto mode at any time.

Icon

The provided example is using the cog icon from videojs/font. You are free to use any other icon font to replace the existing one with the help of extra css rules.

Special Thanks

Thanks to the Shaka Player team who wrote an amazing tool to support DASH playback.

Thanks to Giles Thompson for porting this to VideoJS 5.

Support

This work is sponsored by MetaCDN, creators of StreamShark