Pano viewer

Usage

npm i wearekuva/vvr --save

For video you'll want this;

var vr = require('vvr').video
var canvas = document.createElement( 'canvas' )
var player = vr( canvas, 'http://path.to/360-video.mp4')

and for a static image, you'll want this;

var vr = require('vvr').image
var canvas = document.createElement( 'canvas' )
var player = vr( canvas, 'http://path.to/360-image.png')

The player api for the video player is

{
  setSize,
  toggleMute,
  play,
  toggleStereo
}

and for a static image, it's

{
  setSize,
  toggleMute,
  play,
  toggleStereo
}

You'll want your media in an 2:1 equirectangular projection. And ideally in a power of 2 (512, 1024, 2048... )