< See all demos

VR & 360°

This demo shows the Bitmovin Player displaying a 360° video with VR

Demo Source Code

This demo shows the Bitmovin Player displaying a 360° video with VR. The controls include 360° – 2D, 3D, 2D stereo and 3D stereo, as well as resolution settings.

Control the view by dragging your mouse across the player or using your keyboard:

W UP
S DOWN
A LEFT
D RIGHT
Q Rotate counter clockwise
E Rotate clockwise
demo.js js
var conf = {
  key: '<YOUR PLAYER KEY HERE>',
  style: {
    aspectratio: '2:1',
  },
};

var source = {
  dash: 'https://cdn.bitmovin.com/content/assets/playhouse-vr/mpds/105560.mpd',
  hls: 'https://cdn.bitmovin.com/content/assets/playhouse-vr/m3u8s/105560.m3u8',
  progressive: 'https://cdn.bitmovin.com/content/assets/playhouse-vr/progressive.mp4',
  poster: 'https://cdn.bitmovin.com/content/assets/playhouse-vr/poster.jpg',
  vr: {
    startupMode: '2d',
    startPosition: 180,
  }
};

HTML5 VR and 360° Adaptive Video Streaming

The Bitmovin adaptive HTML5 video player is the ideal solution for 360° and VR playback for a number of reasons. If you are developing a 360° app or platform, then you are probably already aware of the challenges involved in streaming immersive video due to the extra file size. This makes the quality of your adaption logic of paramount importance. The patented technology of the Bitmovin Player puts it a few steps ahead of its nearest competitors.

For more information about VR Playback head over to our tutorial section.

Ready to get started?

Access your free account today by signing up for a trial

Start your trial