Electroteque Media

Quest multiview rendering

Multiview support for headsets and browsers that support layers and the extension

PlayerConfig: { "vrvideo": { "antialias": true, "frameBufferScale": 1.5, "questAutoVRSession": true, "multiview": true }, "ratio": "16:9" } Clip: [

    {"type": "video/webm", "src": "//videos.electroteque.org/360/ultra_light_flight_720p.webm"},
    {"type": "video/mp4", "src": "//videos.electroteque.org/360/ultra_light_flight_720p.mp4"},
    {"type": "video/ogg", "src": "//videos.electroteque.org/360/ultra_light_flight_720p.ogv"} 
]

This example demonstrates rendering using the Multiview layers extension supported with Quest headsets. This will improve rendering performance. A frame buffer scale is added to upscale textures and questAutoVRSession will auto launch to WebXR when clicking the player.

    
  <div class="flex flex-col w-full">
          <div id="multiview" class=""></div>

  </div>

  <script type="text/javascript">

  	var player = flowplayer("#multiview", {
    "token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw"
});

  </script>