Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

概要

WebXR Device API はVR/ARヘッドセットや入力デバイスにアクセスし、没入型のXRコンテンツをブラウザで実現します。

対応ブラウザ

デスクトップ

Chrome 79+
Edge 79+
Safari 未対応
Firefox 未対応

モバイル

Chrome Android 79+
Safari iOS 未対応
Firefox Android 未対応

基本構文

JAVASCRIPT
const session = await navigator.xr.requestSession('immersive-vr');
const gl = canvas.getContext('webgl2');
await gl.makeXRCompatible();
const layer = new XRWebGLLayer(session, gl);
session.updateRenderState({ baseLayer: layer });

実務での使いどころ

  • WebXR の活用

    WebXR Device API。VR/ARデバイスにアクセスするAPI。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。