重要
WebVR 已弃用，在当前浏览器中不可用，因此不应将其用于任何新的开发。 需要将任何现有 WebVR 实现转发到 WebXR。
WebXR 继续可用。 但是， (没有 bug 修复、内容更新或技术支持) 停止对 WebXR 的支持，因此我们无法保证应用程序在任何长时间内继续工作。
JavaScript 是世界上最受欢迎的编程语言之一！ 它简单、轻量，在 Web 上广泛使用。 通过应用 JavaScript 和 Web 技能的强大功能，创建更具吸引力的混合现实体验。
在 Web 上混合现实应用程序
混合现实功能通过 WebXR 在 Web 上可用。 可以在支持 WebXR 的兼容浏览器中查看虚拟现实 (VR) 和增强现实 (AR) 内容，而无需安装任何其他软件或插件。 可以将同一浏览器与物理设备（如 HoloLens 2）配合使用。
WebXR 设备 API 用于在 Web 上访问虚拟现实 (VR) 和增强现实 (AR) 设备，包括传感器和头戴式显示器。 WebXR 设备 API 在 Microsoft Edge 和 Chrome 版本 79 上可用，更高版本默认支持 WebXR。 可以在 caniuse.com 检查 WebXR 的最新浏览器支持状态。
| WebXR 功能 | 可用性 |
|---|---|
| WebXR 设备 API (w3.org) | Windows 桌面上的 Edge 81 HoloLens 2 上的 Edge 91 |
| WebXR 增强现实模块 - 级别 1 (w3.org) | Edge 91。 仅限HoloLens 2 |
| WebXR 手动输入模块 - 级别 1 (w3.org) | Edge 93。 仅限HoloLens 2 |
| WebXR 定位点模块 (immersive-web.github.io) | Edge 93。 仅限HoloLens 2 |
| WebXR 命中测试模块 (immersive-web.github.io) | Edge 93。 仅限HoloLens 2 |
查看 WebXR
可以使用新的 Microsoft Edge 和 Firefox Reality 浏览器在 Windows Mixed Reality 中查看 WebXR 体验。 若要测试浏览器是否支持 WebXR，可以在浏览器中导航到 WebXR 示例 。
我可以使用什么来开发沉浸式 Web 体验？
以下列表显示了用于构建沉浸式体验的 JavaScript 框架和 API，这些体验目前占据市场主导地位，并被混合现实 JavaScript 开发人员广泛接受和采用：
| 框架 | 示例 |
|---|---|
|
Babylon.js Babylon 是一个 JavaScript 3D 引擎，可以轻松开发 3D 内容和沉浸式应用程序。 在开始使用沉浸式应用程序之前，我们建议你了解 Babylon.js 开发的基础知识。 - 了解如何使用 Babylon.js 生成 3D 应用程序： 入门 - 使用 Babylon.js 玩 3D 示例及其源代码： Playground - 深入了解 WebXR - 了解如何开始使用我们的教程：创建第一个“Hello World！”应用 |
|
|
A 帧 A-frame 是一种声明性 JavaScript 框架，可用于在 Web 上开始使用虚拟现实。 若要了解详细信息，检查 A 帧文档 |
|
|
Three.js Three.js 是用于创建沉浸式体验的常用 3D 库。 详细了解 three.js 并 浏览示例。 |
|
|
WebGL 可以使用 WebGL API 直接访问 WebXR 设备 API。 WebGL (Web 图形库) 是一种 JavaScript API，用于在任何兼容的 Web 浏览器中呈现高性能交互式 3D 和 2D 图形，而无需使用插件。 |
|
另请参阅
- WebXR 设备 API 规范
- WebXR 设备 API 文档
- WebXR 示例
- Immersiveweb.dev
- 使用 Babylon.js 创建 WebXR 体验
- WebGL API
- 游戏板 API 和 游戏板扩展
- Windows Mixed Reality和新的 Microsoft Edge
- 处理 WebGL 中丢失的上下文
- Pointerlock
- glTF
- 沉浸式 Web 社区组
- 沉浸式 Web W3C Github