player.on("rendererinit", (e, isWebGPU) => {
console.log("Rendering WebGPU: ", isWebGPU);
});
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 h-auto my-auto">
<div id="webgpu-mobile" class=""></div>
</div>
<script type="text/javascript">
var player = jwplayer("webgpu-mobile").setup({
"aspectratio": "16:9",
"playbackRateControls": true,
"plugins": {
"../../js/vrvideo-8.20.0.js": {
"mobileWebGPU": true
}
},
"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>
