Skip to content

thiagopnts/clappr-video360

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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();