Posts by Stemarmischias

Hello,
i need subtitles in a 360° Video which is running in a videopano Tour.
I dont wanna use two videos, one with and one without subtitles because of the size. Instead i would like to use the typical subtitle files like .sub, .txt, .srt or .vtt. But how can i manage this to get this to work? Is it working over the textfield plugin or the video plugin?
If possible please add some example code. There are a few topics about this but no solution which is working without putting every line in a single textfield...

Here is the videopano Code.

<krpano>


	<action name="startup" autorun="onstart">
		
		if(device.panovideosupport == false,
			error('Sorry, but panoramic videos are not supported by your current browser!');
		  ,
			loadscene(videopano);
		  );
	</action>


	<scene name="videopano" title="360° Video">
		
		<!-- include the videoplayer interface / skin (with VR support) -->
		<include url="skin/videointerface.xml" />
		<include url="skin/vtourskin_design_glass.xml"       />


		<!-- include the videoplayer plugin -->
		<plugin name="video"
		        url.html5="%VIEWER%/plugins/videoplayer.js"
		        url.flash="%VIEWER%/plugins/videoplayer.swf"
				posterurl="video-3840x1920-poster.jpg"
		        pausedonstart="false"
		        loop="false"
		        volume="1.0"
		        onloaded="add_video_sources(); videointerface_play('Hoch 3840x1920');"
				userinteractionworkarounds="true"
		        />


		<!-- use the videoplayer plugin as panoramic image source -->
		<image devices="panovideosupport">
		<sphere url="plugin:video" />
	</image>


		<!-- set the default view -->
		<view hlookat="0" vlookat="0" fovtype="DFOV" fov="130" fovmin="75" fovmax="130" distortion="0.0" />
		
		<action name="add_video_sources" >
				videointerface_addsource('Gering 1024x512', 'video-1024x512.mp4', 'video-1024x512-poster.jpg');
				videointerface_addsource('Mittel 1920x960', 'video-1920x960.mp4', 'video-1920x960-poster.jpg');
				videointerface_addsource('Hoch 3840x1920', 'video-3840x1920.mp4', 'video-3840x1920-poster.jpg');
			);
			videointerface_play('Hoch 3840x1920');
		</action>


	</scene>


</krpano>

I hope someone knows what i mean and can give me some answers
would be really nice

thanks in advance

Hey,
so this is a bit hard to explain... I have a png and got it into my tour via hotspot

<hotspot name="onhover1"
         type="image"
         url="skin/PeakFinder.png"
		 visible="true"
		 fov="360.0"
         distorted="true"
		  ath="0" atv="0" scale="1" rx="0" ry="0" rz="0"
         enabled="true"
		 capture="false"
		 depth="1000"
		 polyline="false"
		 scaleflying="true"
		 tx="0"
		 ty="0"
		 tz="0"
		 alpha="1.0"
         onover.addevent=""
         onhover.addevent=""
         onout.addevent=""
         ondown.addevent=""
         onup.addevent=""
         onclick.addevent="set(hotspot[onhover1].visible,false);"
         onloaded.addevent=""
         />

What iam trying to do is to have that image virtually round instead of flat. To see the names of the Mountains as overlay around. But i can`t "bend" the hotspot image to be 360°.
Is there a way to do so or is that not possible with hotspot images? Is there another way? The png has the same width as the original Panoramic image.

I hope you know what i mean

Thanks in advance

Klaus
can u please look into it.
thanks

Hey,
so i have the problem that i want to add a 360° video to a Tour with 360° photos in it. So a mixed tour. I found some stuff here in the Forum but still have some issus.
https://krpano.com/forum/wbb/inde…video#post72777
I found this here and this was very promissing but the video won`t load inside the tour. Here is some Code how i did it.

<scene name="videopano" title="360° Video Sennerei" onstart="" thumburl="panos/thumb.jpg" lat="" lng="" heading=""  isvideopano="true">


		<!-- include the videoplayer plugin -->
		<plugin name="video"
		        url.html5="%VIEWER%/plugins/videoplayer.js"
		        url.flash="%VIEWER%/plugins/videoplayer.swf"
				posterurl="%VIEWER%/video-3840x1920-poster.jpg"
		        pausedonstart="false"
		        loop="false"
		        volume="1.0"
		        onloaded="add_video_sources(); videointerface_play('Hoch 3840x1920');"
				userinteractionworkarounds="true"
		        />


		<!-- use the videoplayer plugin as panoramic image source -->
		<image devices="panovideosupport">
		<sphere url="plugin:video" />
	</image>


		<!-- set the default view -->
		<view hlookat="0" vlookat="0" fovtype="DFOV" fov="130" fovmin="75" fovmax="150" distortion="0.0" />
		
		<action name="add_video_sources" >
				videointerface_addsource('Gering 1024x512', 'video-1024x512.mp4', 'video-1024x512-poster.jpg');
				videointerface_addsource('Mittel 1920x960', 'video-1920x960.mp4', 'video-1920x960-poster.jpg');
				videointerface_addsource('Hoch 3840x1920', 'video-3840x1920.mp4', 'video-3840x1920-poster.jpg');
			);
			videointerface_play('Hoch 3840x1920');
		</action>


	</scene>

With that code in the tour the video will not load. But with adding that
<!-- include the videoplayer interface / skin (with VR support) -->
<include url="skin/videointerface.xml" />
the video is loading but not with a working play pause search or quality working buttons...

Would be cool if someone know the problem.

btw this is the start of my tour.xml

<krpano version="1.20.9" title="Virtual 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"
	               maps_loadonfirstuse="true"
	               gyro="false"
	               gyro_keeplookingdirection="false"
	               webvr="true"
	               webvr_keeplookingdirection="true"
	               webvr_prev_next_hotspots="true"
	               autotour="false"
	               littleplanetintro="false"
	               followmousecontrol="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="true"
	               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="Laden..."
	               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() );
		
				if(device.panovideosupport == false,
			error('Sorry, but panoramic videos are not supported by your current browser!');
		  );
	</action>

thanks in advance

Hi Alex, Hi All,

I use this project krpano Version1.19-pr5. Included the WebVR Plugin https://krpano.com/plugins/webvr/.
With your Wordpress plugin WP-Pano, created our customer's external audio POI content. That all works great. Our Project: http://uni-halle.virtiv.de/vr/

Now there are a few specials.
The display of the POI graphics, works responsiv and also in VR mode.

But after opening the audio file, the media bar is not displayed
in the VR mode.

The screenshots come from an Iphone 7 with ios11.

My first idea was to get the sound off the POI automatically, but
this only works on the desktop and Android. iOS does not support
autoplay.

What is the possibility to integrate the Media Bar into the VR
mode , or at least, when playing the POI graphics play the sound?

Thanks for your support!

best Regards from Germany.

Steffen

<img src="imap://m02197bc@imap.virtiv.de:143/fetch%3EUID%3E/Sent%3E4136?part=1.2.2&filename=fiegiioalognakbm.jpg" alt="" style="font-size: 0.8em;" />

Hallo,
und zwar möchte ich ein vtour Ordner auf ca. 1-2MB verkleinern und würde gern nur die 4 Images aus dem VR Ordner (krpano 1.19 pr5) benutzen und die u,l,r,f,d,b, Ordner löschen. Ist das irgendwie möglich? Panos würden maximal auf einem Tablet zum Einsatz kommen wegen der Auflösung.
Eine Tour erstelle ich immer mit jpg 10000x5000 indem ich auf vtour Multires ziehe.

Kann ich einfach den Code in der tour.xml ändern?

<image type="CUBE" multires="true" tilesize="512" if="!webvr.isenabled">
<level tiledimagewidth="3200" tiledimageheight="3200">
<cube url="panos/Barrockkirche.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="1536" tiledimageheight="1536">
<cube url="panos/Barrockkirche.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="768" tiledimageheight="768">
<cube url="panos/Barrockkirche.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
</level>
</image>

<image if="webvr.isenabled">
<cube url="panos/Barrockkirche.tiles/vr/pano_%s.jpg" />
</image>

Bin da noch etwas unerfahren. Das in Rot würd ich gern nur benutzen. Webvr wird für die komplette Tour genutzt.

Grüße und Danke im voraus

Hi,

I want to set hotspot.onclicks dynamically, but it doesn't work.
My scenes have a level and nextLevel (for a Menu with (sub)categories).
So the onclick-attribute should save the nextLevel for every scene/hotspot.

In "normal" mode everything works fine (with layers) but the same code in VR (with hotspots) fails.
Here every hotspot.onclick has the same value -> nextLevel of the last(!) scene.

My Code:

for(set(i,0), i LT scene.count, inc(i),
...
copy(newLevel, scene[get(i)].nextLevel);
...
set(hotspot[get(hotspotname)].onclick, copy(currentLevel, newLevel); ); <!-- and start menu again with new level --> 
...
);

I hope you understand my problem

(...and sorry for my bad english )

Hallo,
danke für die Infos. Ich habe es probiert und es hilft mir auf jeden Fall weiter. Sagt bescheid falls es noch andere Möglichkeiten gibt.

Danke

Hallo,
wie schon in der Überschrift beschrieben suche ich eine Möglichkeit wie ich in der tour.xml bei Textfeld & Hotspots die Größe spezifisch zu der Größe des Panos (im Fenster, Fullscreen, iframe mit bestimmter Pixelgröße, Browser im Fenstermodus) anpassen kann? Das aber nicht nur auf eine Größe festgelegt sondern je nach dem wie man die Größe des Panos ändert, sich Textfeld und Hotspot (jpg, png) Responsiv dazu anpassen.

Gibt es da eine Möglichkeit? Habe nämlich das Problem das ich in einem Pano sehr viele Textfelder und Hotspots habe und diese im Fenstermodus überlappen und nur im Fullscreen gut aussehen und passen. Siehe Anhänge.

Textfeld und Hotspotcode:

<hotspot name="hs1"
visible="false"
url="%SWFPATH%/plugins/textfield.swf"
width="400"
height="400"
ath="-26.00262476064981" atv="-13.070477983057463"
html="[p][/p][p]Hauptgebäude für Informatik.[/p] [p]Hier befindet sich das Hauptgebäude für Informatik.[p][/p]
[p]Lage:[/p]
[p]Ernst-Grube-Straße[/p]
[p][/p]
[p]Link:[/p]
[p][a href='http://www.informatik.de' target='_blank']http://www.informatik.de%5b/a%5D%5B/p]
[p][/p]"

css="
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: regular;
color: #ffffff;
marginLeft: 10px;
marginRight: 10px;"
glow="0"
glowcolor="0xFFFFFF"
autosize="center"
background="true"
backgroundcolor="0x00000"
backgroundalpha="0.5"
border="true"
bordercolor="0xffffff"
borderalpha="1"
borderwidth="2.0"
roundedge="0"
shadow="1"
shadowrange="0"
shadowangle="45"
shadowcolor="0xffffff"
shadowalpha="1"
textshadow="1.0"
textshadowrange="4.0"
textshadowangle="45"
textshadowcolor="0x000000"
textshadowalpha="1.0"
onclick="set(hotspot[hs1].visible,false); "
/>

<hotspot name="Ohne Bewegung"
onover="set(hotspot[hs1].html,);
set(hotspot[hs1].ath,10);
set(hotspot[hs1].atv,-10);
set(hotspot[hs1].visible,true); "
onout="set(hotspot[hs1].visible,false); "
onclick=""
/>

<hotspot name="hs2" devices="all"
url="skin/info.png"
keep="false"
ath="-41.42692183016453" atv="3.000611488455982"
zoom="false" distorted="false" details="8" flying="0"
width="210" height="328"
scale="0.13107518656769201" scale9grid="" scalechildren="false" rotate="0"
rx="0" ry="0" rz="0"
edge="center" ox="" oy=""
crop="" ondowncrop="" onovercrop=""
visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="true" children="true" maskchildren="false"
zorder="0"
alpha="0.85" autoalpha="false" blendmode="normal" effect="" smoothing="true" pixelhittest="false"
refreshrate="auto"
onloaded=""
onover=""
onhover="showtext(Hauptgebäude für Informatik ,schrift);"
onout=""
ondown=""
onup=""
onclick="set(hotspot[hs1].visible,true); set(hotspot[hs3].visible,false); set(hotspot[hs5].visible,false); set(hotspot[hs7].visible,false); set(hotspot[hs9].visible,false); set(hotspot[hs11].visible,false); set(hotspot[hs13].visible,false); set(hotspot[hs15].visible,false); set(hotspot[hs17].visible,false); set(hotspot[hs19].visible,false); set(hotspot[hs21].visible,false); set(hotspot[hs23].visible,false); set(hotspot[hs25].visible,false); set(hotspot[hs27].visible,false); set(hotspot[hs29].visible,false); set(hotspot[hs31].visible,false); set(hotspot[hs33].visible,false);"
bgalpha="0"
bgcapture="false"
bgcolor="0"
type="image"
>
</hotspot>

Für jede Hilfe bin ich Dankbar

Danke für die Info.
Das bekomme ich jetzt auch hin mit dem Textfield und den Textfield Layers pro Zeile. Ich füge den html code direkt in den Layer ein und möchte die jetzt verlinken aber dieser
<a href="events:showlog(); trace('link clicked');">link</a>

Code funktioniert bei mir nicht... Ich weiß halt nicht wie und wo ich den einfügen muss...

<layer name="skin_sitemap"
url="%SWFPATH%/plugins/textfield.swf"
align="lefttop" x="10" y="10" width="120" height="400"
html=""
onclick= ""
css=""
autoheight="false"
vcenter="false"
background="true"
backgroundcolor="0x000000"
backgroundalpha="0.0"
border="false"
bordercolor="0x000000"
borderalpha="1.0"
borderwidth="1.0"
roundedge="0"
shadow="0.0"
shadowrange="4.0"
shadowangle="45"
shadowcolor="0x000000"
shadowalpha="1.0"
textshadow="0.0"
textshadowrange="4.0"
textshadowangle="45"
textshadowcolor="0x000000"
textshadowalpha="1.0"
onautosized=""
/>

<layer name="skin_sitemap"
url="%SWFPATH%/plugins/textfield.swf"
align="lefttop" x="20" y="10" width="200" height="400"
html="Gymnasium
[p]Eingangsbereich[br /]
Bio[br /]
Chemie[br /]
Wirtschaft[br /]
PC[br /]
Physik[br /]
Flur[br /]
Mensa[br /]
Sanitärbereich[br /]
Sporthalle [/p]"
onclick= ""
css="text-align:left; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:14px;"
autoheight="false"
vcenter="false"
background="false"
backgroundcolor="0x000000"
backgroundalpha="0.0"
border="false"
bordercolor="0x000000"
borderalpha="1.0"
borderwidth="1.0"
roundedge="0"
shadow="0.0"
shadowrange="4.0"
shadowangle="45"
shadowcolor="0x000000"
shadowalpha="1.0"
textshadow="0.0"
textshadowrange="4.0"
textshadowangle="45"
textshadowcolor="0x000000"
textshadowalpha="1.0"
onautosized=""
/>

Danke...

Hallo,
und zwar möchte ich eine Sitemap bauen die für mein Pano funktioniert. Ich benutze die Version 1.0.8.15.

Hab im Netz eine gefunden die ziemlich gut aussieht aber weiß nicht genau wie ich das Umsetzen kann.

Die Links sind alle klickbar und führen zum jeweiligen Panorama. Müsste über einen Button aufzumachen sein und wie im Bild über das x zu schließen sein.

Danke schon mal im Voraus.
Ich hoffe ihr könnt mir helfen.

Hallo,
ich habe ein Pano wo ich in jeder einzelnen Szene einen Sound abspiele. Und zwar mit diesem Code:

<scene name="scene_Hof und Spielplatz" title="Hof und Spielplatz" onstart="" thumburl="panos/Hof_und_Spielplatz.tiles/thumb.jpg" lat="" lng="" heading="">

<!-- load the soundinterface plugin -->
<plugin name="soundinterface"
url="plugins/soundinterface.swf"
alturl="plugins/soundinterface.js"
rootpath=""
preload="true"
keep="true"
/>

<!-- start playing the sound -->
<events name="currentpano"
onnewpano="playsound(bgsnd, 'audio/2.Schulhof.MP3', 1);"
onremovepano="stopsound(bgsnd);"
/>

<view hlookat="14.359" vlookat="3.914" fovtype="MFOV" fov="127.011" maxpixelzoom="0.7" fovmin="70" fovmax="120" limitview="auto" />

Das funktioniert auch sehr gut nur ist es nervig das wenn man zwischen den Panos hin und her switcht immer wieder der selbe Ton abgespielt wird. Darum würde ich gerne einen globalen Stop Button für alle Sounds in dem Pano einbauen.
Nur wo und wie muss ich das machen? Wie gesagt in jeder Szene ist der oben angegebene Code drin in der tour.xml und in der vtourskin.xml noch dieser:

<!-- load the soundinterface plugin -->
<plugin name="soundinterface"
url="%SWFPATH%/plugins/soundinterface.swf"
alturl="%SWFPATH%/plugins/soundinterface.js"
rootpath=""
preload="true"
keep="true"
/>

Danke für eure Hilfe.