VRDisplay: exitPresent() 方法

已弃用：此功能不再推荐。虽然某些浏览器可能仍然支持它，但它可能已从相关的 Web 标准中删除，可能正在被弃用，或者可能仅出于兼容性目的而保留。避免使用它，并尽可能更新现有代码；请参阅本页底部的兼容性表以指导您的决策。请注意，此功能可能随时停止工作。

非标准：此功能是非标准的，并且不在标准化轨道上。请勿在面向 Web 的生产站点上使用它：它不会对每个用户都有效。不同实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

VRDisplay 接口的 exitPresent() 方法停止 VRDisplay 显示场景。

注意：此方法是旧版 WebVR API 的一部分。它已被 WebXR 设备 API 取代。

语法

exitPresent()

参数

无。

返回值

呈现结束后解析的 Promise。如果调用 exitPresent() 时 VRDisplay 未显示，则 Promise 将被拒绝。

示例

if (navigator.getVRDisplays) {
  console.log("WebVR 1.1 supported");
  // Then get the displays attached to the computer
  navigator.getVRDisplays().then((displays) => {
    // If a display is available, use it to present the scene
    if (displays.length > 0) {
      vrDisplay = displays[0];
      console.log("Display found");
      // Starting the presentation when the button is clicked: It can only be called in response to a user gesture
      btn.addEventListener("click", () => {
        if (btn.textContent === "Start VR display") {
          vrDisplay.requestPresent([{ source: canvas }]).then(() => {
            console.log("Presenting to WebVR display");

            // Set the canvas size to the size of the vrDisplay viewport

            const leftEye = vrDisplay.getEyeParameters("left");
            const rightEye = vrDisplay.getEyeParameters("right");

            canvas.width =
              Math.max(leftEye.renderWidth, rightEye.renderWidth) * 2;
            canvas.height = Math.max(
              leftEye.renderHeight,
              rightEye.renderHeight,
            );

            // stop the normal presentation, and start the vr presentation
            window.cancelAnimationFrame(normalSceneFrame);
            drawVRScene();

            btn.textContent = "Exit VR display";
          });
        } else {
          vrDisplay.exitPresent();
          console.log("Stopped presenting to WebVR display");

          btn.textContent = "Start VR display";

          // Stop the VR presentation, and start the normal presentation
          vrDisplay.cancelAnimationFrame(vrSceneFrame);
          drawScene();
        }
      });
    }
  });
}

注意：您可以在 raw-webgl-example 中查看此完整代码。

规范

此方法是旧版 WebVR API 的一部分，已被 WebXR 设备 API 取代。它不再处于成为标准的轨道上。

在所有浏览器都实现新的 WebXR API 之前，建议依靠框架（如 A-Frame、Babylon.js 或 Three.js）或 polyfill 来开发可在所有浏览器中运行的 WebXR 应用程序 [1]。

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

WebVR API