Electroteque Media

WebGPU VR Video Render

WebGPU VR Video rendering

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 w-full h-auto my-auto">
          <div id="webgpu" class=""></div>
  </div>

  <script type="text/javascript">

  	var player = jwplayer("webgpu").setup({
    "aspectratio": "16:9",
    "playbackRateControls": true,
    "plugins": {
        "../../js/vrvideo-8.20.0.js": {
            "useWebGL": false
        }
    },
    "sources": [
        {
            "file": "//videos.electroteque.org/360/ultra_light_flight_720p.webm",
            "type": "video/webm"
        },
        {
            "file": "//videos.electroteque.org/360/ultra_light_flight_720p.mp4",
            "type": "video/mp4"
        },
        {
            "file": "//videos.electroteque.org/360/ultra_light_flight_720p.ogv",
            "type": "video/ogg"
        }
    ],
    "width": "100%"
});

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

  </script>