VR / 360° Video Player as a React Component
GPL-2.0 License
VR / 360 Video Player as a React Component
It it adapted from eleVR player, which you can find here
You can find a live example of this component here.
First, get it from NPM:
npm install react-vr-player
Then, if you use Webpack, load it up with const VrPlayer = require('react-vr-player')
or ES6 import VrPlayer from 'react-vr-player'
, it should work right out of the box.
It (obviously) has React as a dependency, but the already bundled version doesn't contain React.
For an example on how to use it, see this (simple) demo here.
render() {
const sources = [ // Declare an array of video sources
{ url: '/videos/video.webm', type: 'video/webm' },
{ url: '/videos/video.mp4', type: 'video/mp4' }
];
const keys = { // If you want to re-define the keys, here are the defaults
left: 'A',
right: 'D',
up: 'W',
down: 'S',
rotateLeft: 'Q',
rotateRight: 'E',
fullScreen: 'F',
zeroSensor: 'Z',
playPause: ' '
};
return (
<VrPlayer
sources={sources}
brand="Some Brand Name"
title="Some Video Title"
keys={keys} />
);
}