Electroteque Media

WebGPU VR Video Render

WebGPU VR Video rendering

    {"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"} 
]

PlayerCode: player.on("rendererinit", (e) => { console.log("Rendering WebGPU: ", e.data); });

PlayerCode: player.on("rendererinit", (e, isWebGPU) => { console.log("Rendering WebGPU: ", isWebGPU); });

This example demonstrates rendering using the efficient WebGPU GPU API enabling the forceWebGPUL config. This api is still work in progress and yet to support WebXR which this feature has been future proofed to support. Enable useWebGL when forcing WebGPU to enable WebXR support for devices that support WebXR.

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

  </div>

  <script type="text/javascript">

  	var player = flowplayer("#webgpu", {
    "ratio": "16:9",
    "src": null,
    "token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw",
    "vrvideo": {
        "useWebGL": false
    }
});

  </script>