Close
Menu

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

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
const conf = {
  key: '<YOUR PLAYER KEY HERE>',
  source: {
    dash:
      'https://bitmovin-a.akamaihd.net/content/playhouse-vr/mpds/105560.mpd',
    hls:
      'https://bitmovin.com/player-content/playhouse-vr/m3u8s/105560.m3u8',
    progressive:
      'https://bitmovin.com/player-content/playhouse-vr/progressive.mp4',
    poster:
      'https://bitmovin-a.akamaihd.net/content/playhouse-vr/poster.jpg',
    vr: {
      startupMode: '2d',
      startPosition: 180,
    },
  },
  style: {
    aspectratio: '2:1',
  },
};

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.

Create an account to get started!

No credit card required.