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">
<video class="video-js vjs-default-skin vjs-fluid " crossorigin="anonymous" controls="" id="webgpu"></video>
</div>
<script type="text/javascript">
var player = videojs("webgpu", {
"plugins": {
"vrvideo": {
"useWebGL": false
}
},
"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"
}
]
});
player.on("rendererinit", (e, isWebGPU) => {
console.log("Rendering WebGPU: ", isWebGPU);
});
</script>
