DE - Video in klassischen Rundgang einbauen

Ergänzend zu diesem Artikel gibt es auf Youtube folgendes Video https://youtu.be/aBCsfbuM3z0.

 

1.) Voraussetzungen

  1. Videos müssen im MP4 Format vorliegen.
  2. Ein Fallback-Bild im JPG Format muss vorliegen. Das Bild wird dargestellt wenn ein Video nicht geladen werden kann.
  3. Videos müssen in einem Amazon S3 Bucket (EU-West / Irland) liegen oder auf einem Server welcher passende CORS-Header sendet. Wenn Du Fragen hierzu hast sende uns eine Nachricht. Wir helfen bei der Einrichtung.
  4. Für das Platzieren des Videos ist Adobe Flash notwenig. Die Ausgabe des Videos im Rundgang erfolgt in HTML5.
 
2.) Panorama auswählen
Im Rundgang in den Bereich "Bilder" gehen. Das gewünschte Panorama auswählen und im Panorama-Editor (Fenster auf der rechten Seite) in den Reiter XML gehen.

 
3.) Video-Hotspot hinzufügen
Unter dem Eingabefeld ist ein Link "Editor". Klick auf den Link. Ein neues Fenster öffnet sich. In diesem Editor klick auf "Editor" (unten Mitte) dann auf "Hotspots" und auf "Add image hotspot".
Wähle das Fallback-Bild aus. Es muss die selbe Größe wie das Video haben, anderenfalls kann es sein das die Position des Videos nicht korrekt ist.
Mit Hilfe der beschrieben Tasten (oben links) kannst Du das Bild nun platzieren.
MOVE to move a hotspot, click and drag it around
SCALE to scale a hotspot, mote it and press CTRL or SHIFT
ROTATE XY drag the hotspot, hold SPACE and move the mouse
ROTATE Z drag the hotspot, hold R and move the mouse
DISTORTED drag the hotspot and press D
 
 
4.) Shortcode für "Eigenen XML Code" erstellen
Wenn Du deinen Hotspots positioniert hast, geh mit "back" eine Ebene zurück und klick auf "xml".
Scrolle in dem sich öffnenden Fenster ganz nach unten. Dort wirst du Hotspots finden mit dem Namen hs1, hs2 und so weiter.
Diese Hotspots sind vom Editor erzeugt und die Werte ab der jeweils zweiten Zeile benötigst Du im jetzigen Schritt.
Ergänze die Werte in dem Shortcode durch die für dein Video. Nicht genutzte Werte entfernst Du am besten. Leere Werte bzw. Werte mit nicht gültigen Angaben werden ignoriert.
 

[xml_video ath="..." atv="..." width="..." height="..." rx="..." ry="..." rz="..." distorted="..." path="..."]

 
Die blau markierten Werte sind optional.
Abschließend muss noch der "path" angepasst werden. Das Feld enthält den Pfad zum Video ohne die Dateiendung JPG und MP4.

Bei Verwendung eines Amazon S3 Bucket sieht der Pfad wie folgt aus
/proxy/-BUCKETNAME-/.... anderenfalls ist es die vollständige URL des von Dir verwendeten Servers.
 
 
 
Unterstützte Felder:
Attribute name Type Default value
ath Number 0
atv Number 0
The spherical coordinates of the hotspot in degrees.

 

Attribute name Type Default value
distorted Boolean false
Should the hotspot image be distorted in the 3D space together with the current pano/viewing distortion. When distorted use rx / ry / rz settings to rotate the hotspot in 3D space.
Note: When enabled, a size of 1000 pixels will be used as reference for pixel sizes. And this 1000 pixels are covering a field of view of 90 degrees in 3D space. 

 

Attribute name Type Default value
rx Number 0.0
ry Number 0.0
rz Number 0.0
3D Rotation in degrees over the X / Y / Z axes. (axis order: Y-X-Z)

Note: can only be used when distorted="true"!.

 

Attribute name Type Default value
width String  
height String  
Destination size of the hotspot element - the image will be scaled to that size.

This can be a absolute pixel value or a relative (to the screenwidth or screenheight) percent value. When not set - the size of the loaded image will be used.
Additionally it's possible to use the special value "prop" to scale an image via width or height by keeping it proportions (e.g. set width or height to a value and the other setting to "prop" - width="500" height="prop").
Note: when using distorted hotspots, then the size is relative to an internal base-size where 1000 pixel are covering a 90 degree field of view.

 

Attribute name Type Default value
scale Number 1.0
Scaling of the hotspot element..

 

Attribute name Type Default value
path String  
The path/url to the video/image file without extension (JPG/MP4).
The image is typical a screenshot of the first video frame that should be shown until the video is loaded or has started to play.
The image should have the same pixel-size / resolution as the video itself.

 

Attribute name Type Default value
autostart Boolean true 
Should the video be paused at the start.

 

Haben Sie Fragen? Anfrage einreichen

0 Kommentare

Zu diesem Beitrag können keine Kommentare hinterlassen werden.
Powered by Zendesk