Dieter Petereit 18. Januar 2017

WP-VR-View: Virtual Reality mit WordPress

WP-VR-View ist ein WordPress-Plugin, das es dir erlaubt, 360-Grad-Videos und Photospheres in deine Seite einzubauen. Betrachten kannst du die VR-Elemente dann im Web und auf mobilen GerĂ€ten. Auch Googles Cardboard wird unterstĂŒtzt.

Google Cardboard in Action. (Bild: Google)

WP-VR-View basiert auf der Google-Bibliothek VR View

WP-VR-View von Alexander Tumanov, einem Entwickler aus Bishkek in der kirgisischen Republik, ist ein Aufsatz fĂŒr die Google-Bibliothek VR View. Du kannst dich also darauf verlassen, dass alle in der Bibliotheksspezifikation genannten Plattformen auch tatsĂ€chlich funktionieren werden.

Alexander stellt ein kleines Video zur VerfĂŒgung, in dem er alle AnwendungsfĂ€lle nebst Vorgehensweise zeigt:

Das Einbinden von Photospheres oder 360-Grad-Videos funktioniert per Shortcode. Um alles andere kĂŒmmert sich das Plugin. Wenn du dir die Shortcodes nicht merken willst oder kannst, verwende einfach die entsprechenden Buttons im visuellen Editor TinyMCE.

Buttons im TinyMCE. (Screenshot: Alexander Tumanov)

Klickst du eine der beiden SchaltflĂ€chen an, öffnet sich ein Dialog-Fenster, in welchem du einige grundlegenden Einstellungen vornehmen kannst. Erforderlich ist dabei nur die URL zum jeweiligen Inhalt. Beachte dabei, dass auch in deiner Mediathek etwa vorhandener Inhalt nicht wie gewohnt eingefĂŒgt werden kann. Vielmehr musst du aus der Mediathek die URL zum Inhalt auskopieren und in den Optionsdialog als URL einfĂŒgen.

Optionsdialog zum Einbinden der VR-Elemente. (Screenshot: Alexander Tumanov)

WP-VR-View: Steuerung per Maus und Schwenken/Neigen

Die Steuerung der Inhalte erfolgt am Desktop mit der Maus. Rechts unten am jeweiligen Element findest du ein, einem Plus nachempfundenes Piktogramm, mit welchem du die Darstellung in den Vollbildmodus umschalten kannst. Links daneben befindet sich das Icon zur Umschaltung in den Cardboard-Modus. Dieser bewirkt die Zweiteilung des Videos, um jeweils das linke und rechte Auge separat zu bespielen.

Beispielinhalt mit Steuerungssymbolen unten rechts

Im Cardboard-Modus, wie auch generell bei der Betrachtung ĂŒber das Smartphone, bewegst du dich innerhalb der virtuellen RealitĂ€ten durch das Bewegen des Smartphones selber. Schwenkst du das Smartphone nach rechts, wandert der Bildausschnitt in diese Richtung mit. Abgesehen von der Reaktionsverzögerung, die abhĂ€ngig von der Leistung des BetrachtergerĂ€ts ist, entsteht so der Eindruck, dass du tatsĂ€chlich in eine andere Richtung schaust.

WP-VR-View ist erhĂ€ltlich ĂŒber WordPress und Github

Wenn du schon jetzt mit VR in WordPress experimentieren willst, ist WP-VR-View das Mittel der Wahl. Das Plugin wird unter GPL als Open Source vertrieben. Im WordPress-Plugin-Verzeichnis steht noch die Àltere Version 1.6 bereit, wÀhrend du auf Github schon die aktuelle Version 2.1 findest, die Alexander erst vor einer Woche fertig gestellt hat.

Wenn du es dir einfach machen willst, installierst du das Plugin aus dem Backend heraus ĂŒber Plugins Installieren. Hier gibst du ĂŒber das Suchfeld rechts oben den Begriff wp-vr-view ein und drĂŒckst Enter. Im danach erscheinenden Suchergebnis wĂ€hlst du das erste Plugin direkt oben links. Du siehst, dass es noch andere PLugins gibnt, die ebenfalls teils auf Googles Bibliothek setzen. Allerdings hat keines der anderen Plugins auch nur annĂ€hernd die Zahl an Installationen vorzuweisen, die WP-VR-View schon fĂŒr sich in Anspruch nehmen kann. Nachdem du das Plugin in der Version 1.6 installiert und aktiviert hast, wartest du schlicht auf die Update-Benachrichtigung zur Version 2.1.

Dieter Petereit

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit ĂŒber 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er fĂŒr diverse Medien, hauptsĂ€chlich zu den Themenfeldern Technik und Design.
Dr. Webs exklusiver Newsletter
Hinweise zur Protokollierung der Anmeldung, dem Einsatz von MailChimp als Versanddienstleister und zu den Widerrufsrechten findest Du in unseren Datenschutzhinweisen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.