clappr-video360

clappr-video360 is a plugin for playing 360 videos with Clappr.

Demo

It's built on top of Kaleidoscope, so it supports the same browsers the lib supports.

Building:

$ npm install
$ npm run build

Using:

Get the code:

$ npm install clappr clappr-video360

Add the library and Clappr to your page:

<script type="text/javascript" charset="utf-8" src="https://github.com/thiagopnts/clappr-video360/raw/master/node_modules/clappr/dist/clappr.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="https://github.com/thiagopnts/clappr-video360/raw/master/node_modules/clappr-video360/dist/clappr-video360.min.js"> </script>

Then:

var p = new Clappr.Player({
    source: 'your-equirectangular-video.mp4',
    plugins: {
        container: [Video360],
    },
    parentId: '#player',
});
// for better usability, disable clappr's click_to_pause plugin
p.getPlugin('click_to_pause').disable();