clappr-video360 is a plugin for playing 360 videos with Clappr.
It's built on top of Kaleidoscope, so it supports the same browsers the lib supports.
$ npm install
$ npm run build
Get the code:
$ npm install clappr clappr-video360Add 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();
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent