You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Tuesday, September 19th 2017, 1:52pm

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

Intermediate

Posts: 465

Location: Berlin

Occupation: freier Software-Entwickler ( HTML, JS, PHP, JSP, Flash, AS3, C++, Java, krpano, ---)

  • Send private message

2

Wednesday, September 20th 2017, 6:46am

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

Edith meint, das iFrame mit dem Attribut allowfullscreen einbinden

This post has been edited 1 times, last edit by "toosten" (Sep 20th 2017, 8:18am)


3

Wednesday, September 20th 2017, 12:03pm

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

Wednesday, September 20th 2017, 1:23pm

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

Wednesday, September 20th 2017, 2:13pm

AUTOROTATION

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

Hiiiilfe!

Tuur

Sage

Posts: 3,184

Location: Netherlands

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

  • Send private message

6

Wednesday, September 20th 2017, 2:26pm

http://www.virtualtuur.com
Skype:studiotuur

7

Wednesday, September 20th 2017, 4:01pm

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

Wednesday, September 20th 2017, 10:53pm

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

Friday, September 22nd 2017, 11:04pm

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