Was Sie über die WebXR API wissen sollten.

Möglicherweise haben Sie diese Begriffe schon einmal gehört – MR, XR, WebVR, WebXR und andere, die mit R klingenden Akronymen enden. Da diese Begriffe noch sehr neu sind, fällt die Abgrenzung häufig nicht sehr leicht.

Deshalb werden wir Sie heute über die WebXR API informieren. Diese API wird die aktuelle WebVR-API übernehmen und auf noch mehr Geräte erweitern. Das soll den Weg zu einem noch immersiveren Web-Erlebnis ebnen.

Kurzer Erläuterung zu Beginn – Diese API ist noch „in Arbeit“ und könnte sich ändern, wenn Sie diesen Artikel erneut lesen. Wir werden versuchen nicht zu tief in technische Spezifikationen einzutauchen, aber dennoch auf einen recht hohen Niveau bleiben.

Was ist XR und warum es ist es für das Web essentiell?

Wie Sie vielleicht schon wissen, steht das „R“ in AR/VR/MR/XR für „Reality“. Was bedeutet also das „X“ in Reality? Wofür das „R“ steht, kann man heute nicht genau sagen, da man nicht weiß wohin sich die Technologie entwickeln wird. Das „X“ ist hingegen eine Variable und kann praktisch alles sein.

Was bedeutet also Entwicklung für XR? Es bedeutet, dass es alle aktuellen R`s unterstützen sollte – ob VR, AR, MR oder was auch immer als nächstes kommt. Entwicklung einer API für Geräte, die noch nicht erfunden wurden, insbesondere wenn Sie den gesamten Markt rationalisieren wollen, welcher mit verschiedenen Arten von Geräten jede Minute überflutet werden könnte.

OpenXR tut genau das – definieren Sie die Norm und die API für alle Geräte, damit Entwickler in Zukunft nicht mehr ihre Produkte für jedes einzelne Gerät anpassen müssen. WebXR erfüllt auch genau diese Aufgabe, aber mit dem Schwerpunkt der Integration von Geräten in Browsern.

Die Ziele für WebXR sind ziemlich einfach, wie Sie in der sehr detaillierten Erklärung sehen können:

Ziele.

Aktivieren Sie XR-Anwendungen im Web, indem Sie den Seiten erlauben, Folgendes zu tun:

• Erkennen Sie verfügbare VR/AR-Geräte.
• Abfrage der Gerätefunktionen.
• Abfrage der Position und Ausrichtung des Geräts.
• Zeigen Sie Bilder auf dem Gerät mit der entsprechenden Bildrate an.

Nicht-Ziele.

• Definieren Sie, wie ein VR oder AR Browser funktionieren soll.
• Stellen Sie alle Funktionen jedes Teils der VR/AR-Hardware zur Verfügung.
• Bauen Sie „The Metaverse“.

Aber was bedeutet jedes Ziel eigentlich und warum ist es überhaupt wichtig?

Entwicklung zukunftssicherer XR-Erlebnisse.

Im Moment gibt es etwa ein Dutzend „Mainstream“-XR-Plattformen auf dem Markt und die meisten davon sind VR-bezogen. Aber in naher Zukunft werden die Geräte von vielen Herstellern verkauft werden – jedes mit unterschiedlichen Spezifikationen, ähnlich dem Smartphone-Markt.

Wenn Sie jemals eine mobilfreundliche Website entworfen haben, kennen Sie die Schwierigkeiten, die damit verbunden sind. Da die Display-Dimensionen von Gerät zu Gerät unterschiedlich sind, müssen Sie bei der Erstellung einer perfekten Webseite alle Optionen berücksichtigen, denn das Vertrauen auf die automatische Erkennung kann oft fehlschlagen.

Jetzt stellen Sie sich vor, dass man bei jeder Website wissen muss, wie sie für jedes XR-Gerät angezeigt werden kann. Wenn Sie der Meinung waren, dass die Anzeigeabmessungen ein Problem darstellen, muss jetzt jeder Standort die Spezifikationen der XR-Geräte, das Kommunikationsprotokoll mit dem Browser und die Anzeigeeinstellungen verwalten. Das ist ein enormer Integrationsaufwand.

Die WebXR-API ist das Gateway, über das die Geräte mit dem Browser kommunizieren und diesem Informationen über ihre Fähigkeiten geben. Auf diese Weise können Entwickler und Designer diese Informationen nutzen und die Website an jedes Gerät anpassen.

Ohne die API müsste eine andere Webseite für PC, Smartphone, VR, AR und so weiter gestaltet werden. Die WebXR API gibt uns die Tools an die Hand, um alles in eine einzige Website zu integrieren und die erforderlichen Änderungen für jede Anzeige flüssig vorzunehmen.

Im Web immersiv bleiben.

Das Erkennen und Empfangen der Spezifikationen ist eine Sache, die Auslieferung der Webseite an das Gerät eine ganz andere. Da die meisten Geräte über unterschiedliche grafische Möglichkeiten verfügen, können Sie sie nicht einfach in einem One-for-All-Format versenden und auf das Beste hoffen.

In XR-Geräten ist es noch kritischer – falsche Bildrate und schlechte Latenz können Übelkeit verursachen und Menschen davon abhalten, diese Optionen zu nutzen. Immersion ist der Schlüssel und die Website muss dies unterstützen.

Über einen Kommunikationskanal zwischen dem Browser und dem Gerät (derzeit als XR-Session bekannt) kann sich das Gerät mit dem Browser synchronisieren und synchronisiertes Erlebnis ohne Verzögerung liefern.

Die XR-Session hat auch eine Privatsphäre, die obligatorisch wird. Während der Browser immer erkennen sollte, ob ein Gerät angeschlossen ist, um fließende Übergänge zu ermöglichen, sollte verhindert werden, dass alle Geräteinformationen automatisch an eine Website gesendet werden.

Deshalb liefert das Gerät diese Informationen nur beim Start einer Session an den Browser. Da die Session immer vom User initiiert werden sollte, können Sie steuern, was und wann Sie über Ihr Gerät senden, um sicherzustellen, dass Ihre Daten sicher bleiben und nur bei Bedarf weitergegeben werden.

Welches Potenzial bietet WebXR?

Um das Potenzial der WebXR API zu verstehen, sollten Sie sich Ihre Nicht-Ziele ein wenig genauer ansehen.

„The Metaverse“ ist ein Begriff, der im Buch „Snow Crash“ von Neal Stephenson geprägt wurde, das ein Virtual-Reality (VR)-Internet bereits 1992 beschreibt, als es veröffentlicht wurde. Obwohl es wie Science Fiction vor 25 Jahren aussah, ist WebXR die Grundlage und das Protokoll, auf dem „The Metaverse“ tatsächlich aufgebaut werden kann.

Stellen Sie sich vor, Sie surfen in Ihrem Facebook-Profil und sehen ein Live-Video – und wenn Sie ihr VR-Gerät einsetzen, können Sie das Video im 360er-Format ansehen. Oder Sie probieren Ihre Hose an, indem Sie Ihr AR-Gerät aufsetzen und das alles ohne zusätzliche Apps und Middleware.

Wie kann ich derartige Vorhaben realisieren?

Zuerst müssen Sie sich entscheiden, welche Technologie Sie für Ihre XR-Webseite verwenden möchten. In Betracht kommen momentan A-Frame oder React 360.

Es macht auch Sinn sich mit Mozilla Mixed Reality zu beschäftigen, um sich ständig über die API zu informieren, sollten Sie dem Slack Channel beitreten.

Aber wenn Sie nur einen Vorgeschmack darauf bekommen wollen, was kommen wird, sollten Sie den WebXR Viewer herunterladen und vorhandene Optionen ausprobieren.

Wir hoffen, dass wir Ihnen einen ersten kurzen Überlick über die WebXR API geben konnten. Falls Sie noch Anregungen oder Fragen haben sollten, hinterlassen Sie unten einen Kommentar.

Vielen Dank für Ihren Besuch.