Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
VRLayerInit
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
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 Inhaltsebene (ein HTMLCanvasElement oder OffscreenCanvas), die Sie in einem VR-Display darstellen möchten.
Hinweis: Dieses Wörterbuch war Teil der alten WebVR API. Sie wurde von der WebXR Device API abgelöst.
Sie können VRLayerInit-Objekte mit VRDisplay.getLayers() abrufen und sie mit der Methode VRDisplay.requestPresent() darstellen.
Instanz-Eigenschaften
VRLayerInit.leftBounds-
Definiert die linken Texturgrenzen der Leinwand, deren Inhalte vom
VRDisplaydargestellt werden. VRLayerInit.rightBounds-
Definiert die rechten Texturgrenzen der Leinwand, deren Inhalte vom
VRDisplaydargestellt werden. VRLayerInit.source-
Definiert die Leinwand, deren Inhalte vom
VRDisplaydargestellt 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 in etwa so aus:
const init = {
leftBounds: [/* ... */],
rightBounds: [/* ... */],
source: canvasReference,
};
Hinweis:
Das 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 von der WebXR Device API abgelöst wurde. Es steht 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 zurückzugreifen oder ein Polyfill zu verwenden, um WebXR-Anwendungen zu entwickeln, die in allen Browsern funktionieren. Lesen Sie den Leitfaden "Porting from WebVR to WebXR" von Meta für weitere Informationen.
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.