VRLayerInit
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.
Das VRLayerInit Wörterbuch der WebVR-API repräsentiert eine Inhaltsschicht (ein HTMLCanvasElement oder OffscreenCanvas), die Sie auf einem VR-Display präsentieren möchten.
Hinweis: Dieses Wörterbuch war Teil der alten WebVR-API. Es wurde durch die WebXR Device API ersetzt.
Sie können VRLayerInit Objekte mithilfe von VRDisplay.getLayers() abrufen und sie mit der Methode VRDisplay.requestPresent() präsentieren.
Instanz-Eigenschaften
VRLayerInit.leftBounds-
Definiert die linken Texturgrenzen der Leinwand, deren Inhalte vom
VRDisplaypräsentiert werden. VRLayerInit.rightBounds-
Definiert die rechten Texturgrenzen der Leinwand, deren Inhalte vom
VRDisplaypräsentiert werden. VRLayerInit.source-
Definiert die Leinwand, deren Inhalte vom
VRDisplaypräsentiert werden, wennVRDisplay.submitFrame()aufgerufen wird.
Beispiele
// currently returns an empty array
let layers = vrDisplay.getLayers();
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", () => {
vrDisplay.requestPresent([{ source: canvas }]).then(() => {
console.log("Presenting to WebVR display");
// Here it returns an array of VRLayerInit objects
layers = vrDisplay.getLayers();
// …
});
});
}
});
}
VRLayerInit Objekte sehen ungefähr so aus:
const init = {
leftBounds: [/* … */],
rightBounds: [/* … */],
source: canvasReference,
};
Hinweis:
Der canvasReference bezieht sich auf das <canvas> Element selbst, nicht auf den mit der Leinwand verbundenen WebGL-Kontext. Die anderen beiden Mitglieder sind Arrays.
Spezifikationen
Dieses Wörterbuch war Teil der alten WebVR-API, die durch die WebXR Device API ersetzt wurde. Es ist nicht mehr auf dem Weg, ein Standard zu werden.
Bis alle Browser die neuen WebXR-APIs implementiert haben, wird empfohlen, sich auf Frameworks wie A-Frame, Babylon.js oder Three.js, oder ein Polyfill, zu verlassen, um WebXR-Anwendungen zu entwickeln, die in allen Browsern funktionieren. Lesen Sie den Meta-Leitfaden zum Portieren von WebVR zu WebXR für weitere Informationen.