360 video plugin for Clappr
Switch branches/tags
Nothing to show
Clone or download
Latest commit 5da054f Nov 27, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist update dependencies and dist files Nov 27, 2018
src update dependencies and dist files Nov 27, 2018
.gitignore Initial commit Oct 20, 2015
.npmignore add npm ignore Jun 26, 2016
360.gif update plugin to work with equirectangular videos only Jun 26, 2016
LICENSE Initial commit Oct 20, 2015
README.md Update README.md Nov 27, 2018
index.html update demo page Nov 27, 2018
package-lock.json 0.0.6 Nov 27, 2018
package.json 0.0.6 Nov 27, 2018
rollup.config.js update dependencies and dist files Nov 27, 2018
yarn.lock update to work with latest kaleidoscope Dec 30, 2016

README.md

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="node_modules/clappr/dist/clappr.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="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();