Einfach eintauchen!

Was ist Panorado JS?

Panorado JS ermöglicht Ihnen die Gestaltung von Websites und Web Applications mit interaktiven Panorama-Bildern oder anderen großen Bildern.

^ Internet-Galerie mit Popup-Viewer
(www.wag-berlin.de)

Auch für Websites gilt: Ein Bild sagt mehr als tausend Worte. Und ein Panoramabild auf Ihrer Website sagt mehr als ein "gewöhnliches" Bild.

Mit Panoramabildern können Sie Orte dreidimensional präsentieren - und gleichzeitig Ihre Website attraktiver machen.

Was ist das Besondere an diesem Viewer?

  • Panorado JS stellt ein großes Bild in einem kleineren Fenster dar. Sie können den Bildausschnitt per Maus, Touch oder Tastatur verschieben.
  • Zum Vergrößern und Verkleinern können Sie das Mausrad, Pinch Zooming (auf Touchscreens) oder die Tastatur benutzen.
  • Der Viewer liefert eine sehr ansprechende, fließende Bilddarstellung mit Features wie SoftStart, SoftPan, SoftZoom, SoftFading.
  • Der Viewer unterstützt Touch-Steuerung und Lagesteuerung auf Tablets und Smartphones.
  • Als Bildquelle eignen sich ganz normale JPEG-, PNG- oder GIF-Dateien.
  • Steuerelemente für die wichtigsten Funktionen können automatisch eingeblendet werden.
  • Alternativ können diese außerhalb des Viewers völlig frei mit HTML-Elementen gestaltet werden.
  • Eine Kompassskala kann eingeblendet werden.
  • Für unterschiedliche Zwecke gibt es zwei Projektionsarten:
    - flat - für flache Bilder mit extrem glatten und schnellen Bewegungen auch bei großem Bildausschnitt
    - spherical - für sphärische Voll- oder Teil-Panoramen.
  • Der Viewer unterstützt Hotspots. Das sind Marken innerhalb des Bildes, die auf Anforderung eingeblendet werden können, beim Überfahren mit der Maus einen Text anzeigen und beim Draufklicken zu einer anderen Seite führen.
  • Der Viewer unterstützt nun auch Overlays (neu in Version 2.4). Overlays funktionieren ähnlich wie Hotspots, erlauben aber, komplexe HTML-Elemente wie etwa <div>s einzubinden, die beim Anklicken des zugehörigen Symbols angezeigt werden. Die Benutzer-Interaktion ist stärker auf Touch-Bedienung ausgelegt.
  • Der Viewer eignet sich für Smartphone/VR-Brillen-Kombinationen (neu in Version 2.5).
  • Integration: Der Viewer wird als <canvas>-Element mit zugehörigem JavaScript-Code in das umgebende HTML5-Dokument eingebunden. Er ist vielfältig von außen programmierbar. Mit etwas HTML5- und JavaScript-Kenntnissen geht da sehr viel - zum Beispiel eine integrierte Field-of-View-Anzeige.
    Technische Einzelheiten...

Ein paar Beispiele?

Panoramabilder sind vielfältig einsetzbar:

  • Websites im Tourismusbereich: Hotels, Ferienwohnungen, touristische Einrichtungen
  • Websites von Immobilien-Anbietern
  • Websites von Museen, Galerien und Bildarchiven
  • Dokumentation von Industrieanlagen
  • Darstellung von großen Karten, Plänen oder Grundrissen
  • Umfangreiche Virtual Tours mithilfe von Hotspots

Sicher fällt Ihnen noch mehr ein!


^ Tourismus-Seite mit integriertem Viewer


Einige Referenzseiten:

Welche Arten von Bildern können dargestellt werden?

Eine Bilddatei (flach)

Erlaubt Zoomen in Bilddetails

 

Eine Bilddatei (equirectangular)

Das verbreitetste Format für Panoramabilder bis zu 360/180°

(Vergleichen Sie das mit anderen Produkten!)

Eine Bilddatei (Würfelseiten)

Ermöglicht schnelleres Rendering auf langsamer Grafik-Hardware

Erfordert Vorbehandlung einer einzelnen Bilddatei

Mehrere (>= 6) Bilddateien (Kacheln)

Ermöglicht sukzessives Laden großer Bilder

Erfordert Vorbehandlung und Laden mehrerer Bilddateien

Welche Systemumgebung ist erforderlich?

Für die Darstellung von HTML-Seiten brauchen Sie natürlich einen Browser. Panorado JS erfordert einige HTML5-Features, die von den wichtigsten aktuellen Browsern unterstützt werden.

Aber keinerlei Plugins or Add-Ons: Kein Flash, kein Java, kein Silverlight!

Es läuft damit auf allen verbreiteten Browsern und Plattformen!

Wir testen regelmäßig mehrere verschiedene OS/Browser-Konfigurationen auf Kompatibilität.

Da einige HTML5-Features relativ neu sind, gibt es noch Unterschiede zwischen den Canvas- und Touch-Implementationen der verschiedenen Browser.

Im Allgemeinen verhalten sich Browser auf Windows-Plattformen (10+) sowie Android (7+) stabil und schnell.

Praktisch alle aktuellen Browser unterstützen Hardware-Grafik mit WebGL. Panorado JS unterstützt seit Version 2.6 keine älteren (und langsameren) Standards mehr.

Bei Tablets und Smartphones wurde die Qualität und Performance bei der Behandlung von Touch-Eingaben und Bewegungen inzwischen schon deutlich verbessert; mit weiteren Entwicklungen in naher Zukunft ist zu rechnen.

Sie möchten den Viewer ausprobieren?

Dafür sind die folgenden Schritte erforderlich:

  • Bilder aufnehmen. Das geht auch mit einer ganz gewöhnlichen Digitalkamera oder Smartphone, wenn Sie ein paar Dinge berücksichtigen. Weitere Hinweise finden Sie hier.
  • Einzelbilder zu einem Panorama-Bild zusammenfügen ("Stitching"). Dazu gibt es spezielle Software; auch zu diesem Thema finden Sie Hinweise in dem Hintergrundartikel. Links zu Anbietern von Stitching-Software finden Sie hier.
  • DOWNLOADEN >>   Speichern Sie die JavaScript-Datei (Panorado_min.js, ca. 170 kB) in den gewünschten Zielordner.
  • HTML-Rahmen schreiben und testen.
    Auf der Technik-Seite finden Sie zwei Beispiele zum Kopieren und Einfügen in Ihren HTML-Code.
    Mit ein wenig Erfahrung können Sie den Code auch noch weitgehend modifizieren oder erweitern.
    Für größere Projekte mit mehreren Bilder und/oder Overlays steht nun ein grafischer Online‑Konfigurator zur Verfügung.
  • Alle Komponenten hochladen. Also HTML-Dokumente, Panoramabilder und das Panorado JS-Skript auf den Webserver laden. Fertig!

Die aktuelle Build-Version ist 2.6.1.14.

Sie möchten ein Panorama auf Ihrer privaten Website?

Sie können das Viewer-Skript auf privaten (nicht-gewerblichen) Websites kostenlos einsetzen!

Einzige "Einschränkung": In der rechten unteren Ecke des Bildfenstes wird das Panorado-Logo eingeblendet.

Sie haben eine Idee für den gewerblichen Einsatz?

Der Einsatz des Panorado JS-Skripts auf nicht-privaten (gewerblichen) Websites oder Publikationen erfordert eine Lizenzvereinbarung, sobald Seiten mit dem Viewer-Skript veröffentlicht werden. Das gilt z. B. für Firmen, Shops, Werbung, Unternehmen, Organisationen, Schulen und Universitäten.

Viewer mit eingetragenem Lizenzschlüssel zeigen kein Panorado-Logo an.

JETZT BESTELLEN >>

Haben Sie spezielle Anforderungen? Spezielle Fragen?

Möchten Sie einen Viewer als Teil einer größeren Webserver-Anwendung einsetzen?

Haben Sie vielleicht keine Lust, selbst zu programmieren?

Brauchen Sie Unterstützung bei der Entwicklung?

Sind Sie an einer speziellen Vereinbarung für eine Non-Profit-Organisation interessiert?

Dann kontaktieren Sie uns, wir werden eine Lösung für Sie finden!

Kontakt Impressum Datenschutzerklärung