Electroteque Media

WebGPU VR Video Render for mobile devices

WebGPU VR Video rendering automatically for mobile

This example demonstrates rendering using the efficient WebGPU GPU API automatically for mobile devices that do not support WebXR. Enabling the mobileWebGPU config. This api is still work in progress and yet to support WebXR which this feature has been future proofed to support.

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

  <script type="text/javascript">

  	var player = flowplayer("#webgpu-mobile", {
    "clip": {
        "sources": [
            {
                "src": "//videos.electroteque.org/360/ultra_light_flight_720p.webm",
                "type": "video/webm"
            },
            {
                "src": "//videos.electroteque.org/360/ultra_light_flight_720p.mp4",
                "type": "video/mp4"
            },
            {
                "src": "//videos.electroteque.org/360/ultra_light_flight_720p.ogv",
                "type": "video/ogg"
            }
        ]
    },
    "share": false,
    "vrvideo": {
        "mobileWebGPU": true
    }
});

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

  </script>