VRDisplay: requestPresent() Methode
Deprecated
Avoid using this feature in new projects. Development of the WebVR API halted in favor of WebXR. This feature may be a candidate for removal from web standards or browsers.
Consider using the following features instead: WebXR.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Die requestPresent()-Methode des VRDisplay-Interfaces startet die Präsentation einer Szene durch das VRDisplay.
Hinweis: Diese Methode war Teil der alten WebVR API. Sie wurde durch die WebXR Device API ersetzt.
Syntax
requestPresent(layers)
Parameter
layers-
Ein Array von
VRLayerInit-Objekten, die die Szene repräsentieren, die Sie präsentieren möchten. Derzeit kann dies mindestens 0 und maximal 1 betragen.
Rückgabewert
Ein Promise, das aufgelöst wird, sobald die Präsentation begonnen hat. Es gibt eine Reihe von Regeln bezüglich der Erfüllung oder Ablehnung des Promises:
- Wenn
VRDisplayCapabilities.canPresentfalse ist oder wenn das VRLayer-Array mehr Schichten enthält alsVRDisplayCapabilities.maxLayers, wird das Promise abgelehnt. - Wenn das
VRDisplaybereits präsentiert, wennrequestPresent()aufgerufen wird, wird dasVRLayer-Array, das präsentiert wird, aktualisiert. - Wenn ein Aufruf von
requestPresent()abgelehnt wird, während dasVRDisplaybereits präsentiert, wird es seine Präsentation beenden. - Wenn
requestPresent()außerhalb einer Interaktionsgeste aufgerufen wird, wird das Promise abgelehnt, es sei denn, dasVRDisplayhat bereits präsentiert. Diese Interaktionsgeste ist auch ausreichend, um Aufrufe vonrequestPointerLock()zuzulassen, bis die Präsentation beendet ist.
Beispiele
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();
}
});
}
});
}
Hinweis: Sie können diesen kompletten Code bei raw-webgl-example sehen.
Spezifikationen
Diese Methode war Teil der alten WebVR API, die durch die WebXR Device API ersetzt wurde. Sie ist nicht mehr auf dem Weg, ein Standard zu werden.
Bis alle Browser die neuen WebXR APIs implementiert haben, wird empfohlen, auf Frameworks wie A-Frame, Babylon.js oder Three.js oder ein Polyfill zurückzugreifen, um WebXR-Applikationen zu entwickeln, die in allen Browsern funktionieren. Lesen Sie den Leitfaden von Meta zum Portieren von WebVR zu WebXR für weitere Informationen.