Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » WordPress » WP-VR-View: Virtual Reality mit WordPress

WP-VR-View: Virtual Reality mit WordPress

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Keine Kommentare
Lesedauer: 3 Minuten
  • von Dieter Petereit
  • 18. Januar 2017

Inhaltsverzeichnis

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 WP-VR-View: Virtual Reality mit WordPress
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.

screenshot 4 WP-VR-View: Virtual Reality mit WordPress
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.

screenshot 5 WP-VR-View: Virtual Reality mit WordPress
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.

screenshot 2 WP-VR-View: Virtual Reality mit WordPress
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.

[appbox wordpress wp-vr-view]

Dieter Petereit

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 Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

Berlin Translate Übersetzungsagentur Logo.

Berlin Translate

Berlin

Jocado Logo Texter München.

Jocado

Leipzig

Johda Webdesign Berlin Logo.

JOHDA Webdesign

Berlin

Logo der Online Marketing Experts aus Augsburg.

Online Marketing Expert Team

Augsburg

360 grad konzept logo werbeagentur hannover.

Werbeagentur Hannover | 360 Grad Konzept

Hannover

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Die passende Digitalagentur finden: Das solltest Du beachten

Wir unterstützen Dich bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Mitarbeiter einer WordPress-Agentur mit einer Tasse Kaffee im Vordergrund.
WordPress

WordPress — eine gute Wahl für Ihre Unternehmenswebsite?

Hier finden Sie ein ausführliches FAQ zu WordPress als Entscheidungshilfe und eine Auswahl von professionellen WordPress Agenturen.

→

Schreibe einen Kommentar Antworten abbrechen

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

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑