Sie sind nicht angemeldet.

1

Dienstag, 19. September 2017, 13:52

Fullframe Button fehlt bei iFrame Nutzung.

Da ich von Skripten keine Ahnung habe hoffe ich, dass mir hier jemand helfen kann.
Wenn ich die Panorama Tour mit iFrame in meine Website einbette, fehlt der Fullframe Button.
Ich muss jetzt folgende Zeile in mein Skript einfügen: <iframe ... allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
Leider habe ich keine Ahnung an welcher Stelle im Skript ich diese Zeile einfügen muss.
Mein Skript sieht folgendermassen aus:

<krpano version="1.19" title="Studio Tour">

<include url="skin/vtourskin.xml" />


<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
<skin_settings maps="false"
maps_type="google"
maps_bing_api_key=""
maps_google_api_key=""
maps_zoombuttons="false"
gyro="true"
webvr="true"
webvr_gyro_keeplookingdirection="false"
webvr_prev_next_hotspots="true"
littleplanetintro="false"
title="true"
thumbs="true"
thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
thumbs_opened="false"
thumbs_text="false"
thumbs_dragging="true"
thumbs_onhoverscrolling="false"
thumbs_scrollbuttons="false"
thumbs_scrollindicator="false"
thumbs_loop="false"
tooltips_buttons="false"
tooltips_thumbs="false"
tooltips_hotspots="false"
tooltips_mapspots="false"
deeplinking="false"
loadscene_flags="MERGE"
loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
loadscene_blend_next="SLIDEBLEND(0.5, 0, 0.75, linear)"
loadingtext="loading..."
layout_width="100%"
layout_maxwidth="814"
controlbar_width="-24"
controlbar_height="40"
controlbar_offset="20"
controlbar_offset_closed="-40"
controlbar_overlap.no-fractionalscaling="10"
controlbar_overlap.fractionalscaling="0"
design_skin_images="vtourskin.png"
design_bgcolor="0x2D3E50"
design_bgalpha="0.8"
design_bgborder="0"
design_bgroundedge="1"
design_bgshadow="0 4 10 0x000000 0.3"
design_thumbborder_bgborder="3 0xFFFFFF 1.0"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="0"
design_text_css="color:#FFFFFF; font-family:Arial;"
design_text_shadow="1"
/>

<!--
For an alternative skin design either change the <skin_settings> values
from above or optionally include one of the predefined designs from below.
-->
<!-- <include url="skin/vtourskin_design_flat_light.xml" /> -->
<!-- <include url="skin/vtourskin_design_glass.xml" /> -->
<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
<!-- <include url="skin/vtourskin_design_117.xml" /> -->
<!-- <include url="skin/vtourskin_design_117round.xml" /> -->
<!-- <include url="skin/vtourskin_design_black.xml" /> -->


<!-- startup action - load the first scene -->
<action name="startup" autorun="onstart">
if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
loadscene(get(startscene), null, MERGE);
if(startactions !== null, startactions() );
</action>




<scene name="scene_Aktuell_Panorama_2" title="FOTOSTUDIO" onstart="" thumburl="panos/Aktuell_Panorama_2.tiles/thumb.jpg" lat="" lng="" heading="">

<view hlookat="-135.213" vlookat="0.436" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

<preview url="panos/Aktuell_Panorama_2.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="512">
<level tiledimagewidth="3584" tiledimageheight="3584">
<cube url="panos/Aktuell_Panorama_2.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="1792" tiledimageheight="1792">
<cube url="panos/Aktuell_Panorama_2.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="768" tiledimageheight="768">
<cube url="panos/Aktuell_Panorama_2.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
</level>
</image>
<hotspot name="spot1" style="skin_hotspotstyle" ath="-123.996" atv="20.222" linkedscene="scene_aktuell_panorama" />

</scene>

<scene name="scene_Aktuell_Panorama" title="EMPFANG" onstart="" thumburl="panos/Aktuell_Panorama.tiles/thumb.jpg" lat="" lng="" heading="">

<view hlookat="45.319" vlookat="-0.078" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

<preview url="panos/Aktuell_Panorama.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="512">
<level tiledimagewidth="3584" tiledimageheight="3584">
<cube url="panos/Aktuell_Panorama.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="1792" tiledimageheight="1792">
<cube url="panos/Aktuell_Panorama.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="768" tiledimageheight="768">
<cube url="panos/Aktuell_Panorama.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
</level>
</image>
<hotspot name="spot1" style="skin_hotspotstyle" ath="41.111" atv="31.617" linkedscene="scene_aktuell_panorama_2" />

</scene>


</krpano>


Vielleicht kann mir jemand die Zeile an die richtige Stelle einfügen?
Ich wäre sehr Dankbar für Eure Hilfe.

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

  • Nachricht senden

2

Mittwoch, 20. September 2017, 06:46

Der fehlt, weil man aus einem iFrame heraus nicht in den Fullscreen-Modus schalten darf!

Edith meint, das iFrame mit dem Attribut allowfullscreen einbinden

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »toosten« (20. September 2017, 08:18)


3

Mittwoch, 20. September 2017, 12:03

Hallo toosten!


Das stimmt. Dafür gibt es ja von krpano diese Skript zum einfügen: <iframe ... allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
Ich müsste nur wissen wo ich das einfügen muss. Vielleicht kannst Du das in das komplette Skript einfügen? Danke!

4

Mittwoch, 20. September 2017, 13:23

ok, ich habe es rausgefunden. Der Tipp von toosten war richtig. Am Ende des iFrame Codes muss folgendes eingefügt werden: allowFullScreen="true"
Dann geht es. Danke toosten!

5

Mittwoch, 20. September 2017, 14:13

AUTOROTATION

Jetzt habe ich noch ein kleines Problem.
Wie schalte ich die Autorotation ein?

Hiiiilfe!

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

7

Mittwoch, 20. September 2017, 16:01

Hallo Tuur!

Danke für die Info. Aber an welche Stelle im Skript setze ich das ein? Habe leider von Skript gar keine Ahnung.

8

Mittwoch, 20. September 2017, 22:53

Hallo,

hast du schon mal überprüft ob der Fullframe Button auch auf allen Geräten angezeigt wird.

Ich habe schon festgestellt das er zumindest bei mir auf mobilen Apple Geräten nicht angezeigt wird *confused*

Aber vielleicht weis ja hier zu diesem Problem auch eine Lösung.

Gruß Uwe

9

Freitag, 22. September 2017, 23:04

Hi,

iOS bietet keinen HTML5 Fullscreen API Support, d.h. ein Fullscreen Mode ist dort technisch gar nicht möglich. Daher gibt es dort auch keinen entsprechenden Button (in der XML selbst wird dies per device.fullscreensupport gesteuert).

Schöne Grüße,
Klaus