Beiträge von PelicanMedia

PelicanMedia

Hi,

I have a small video tour that shows hotspots and layers when the video has been completed.
I have a 'back' button, that currently restarts the current scene, but I'd like it to actually go to the end of the previous scene, and to show the hotspot and layers.

Could anyone give me some ideas on how to do this? I know there is the seek() option, but i'm not sure how to impliment it into my 'onclick=' function.

Code

<scene name="videoScene2" blend="BLEND(0.5)" onstart="set(view.hlookat, -30);">


		<!-- GYRO BUTTON -->
		<layer name="gyrobutton" style="gyro_fixed" />


		<view fovtype="DFOV" fov="100" fovmin="100" fovmax="100" distortion="0.0" />


		<!-- include the videoplayer plugin -->
		<plugin name="video"
			url="%VIEWER%/plugins/videoplayer.js"
			videourl="01-02.mp4"
			panovideo="true"
			pausedonstart="false"
			loop="false"
			volume="0"
			muted="true"
			playsinline="true"
			onvideocomplete="delayedcall(1,
							set(hotspot[hotspot1].visible, true);
							set(layer[back].visible, true);
							)"
			preload="true"
			debugmode="false"
			/>


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


		<hotspot name="hotspot1" style="hotspot_white" ath="-30" atv="0" onclick="looktohotspot(get(name), 100, tween(easeOutQuad, 1.0)); loadscene(videoScene3,NULL,KEEPLOOKAT,BLEND(0.5));" visible="false"/>
		
		<layer name="back" url="skin/img/back-button.png" align="rightbottom" x="10" y="10" zorder="2" scale.normal="0.4" scale.mobile="0.3" onclick="loadscene(get(scene[get(xml.scene)].name)));" visible="false" />


	</scene>


	<scene name="videoScene3" blend="BLEND(0.5)" onstart="set(view.hlookat, -30);">


		<!-- GYRO BUTTON -->
		<layer name="gyrobutton" style="gyro_fixed" />


		<view fovtype="DFOV" fov="100" fovmin="100" fovmax="100" distortion="0.0" />


		<!-- include the videoplayer plugin -->
		<plugin name="video"
			url="%VIEWER%/plugins/videoplayer.js"
			videourl="02-03.mp4"
			panovideo="true"
			pausedonstart="false"
			loop="false"
			volume="0"
			muted="true"
			playsinline="true"
			onvideocomplete="delayedcall(1,
							set(layer[back].visible, true);
							)"
			preload="true"
			debugmode="false"
			/>


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


		<layer name="back" url="skin/img/back-button.png" align="rightbottom" x="10" y="10" zorder="2" scale.normal="0.4" scale.mobile="0.3" onclick="loadscene(get(scene[get(xml.scene)].name)));" visible="false" />


	</scene>

Alles anzeigen

PelicanMedia

Hi,

Happy New Year all!

I am trying to get the title variable filled in automatically when creating a tour using the 'MAKE VTOUR Droplet.exe'.

In the templates/xml/vtour.xml file I have tried the below: (* the first line doenst have a space after the %. The forum doesnt show it correctly.)

Code

<krpano version="1.20.11" title="[% BASENAME%]" >
<krpano version="1.20.11" title="[BASENAME]" >
<krpano version="1.20.11" title="[%NAME%]" >
<krpano version="1.20.11" title="[NAME]" >

But in the created tour.xml they show exatly like the above, without adding the name.

ie the image I'm using is called Plot_001.jpg. When I create the tour I wish the line in the tour.xml to be:

Code

<krpano version="1.20.11" title="Plot_001" >

Just as it is created in the scene sections:

Code

<scene name="scene_Plot_001" title="Plot_001" .....

Anyone have any ideas?

Thanks

PelicanMedia

Hi both,

Thanks very much for the 2 options.
After speaking with my MD we've gone with the outright block (Klaus' option). Difficult client

Handy to know noupunt's method for future reference.

Thanks again

PelicanMedia

Hi all,

I have a tour set up on 'https://domain1.com/tour' but my pano assets are stored on 'https://domain2.com/panos/xyz123/...'. I have seen in some of the examples there are options to use different assets if the tour is accessed via different domains. e.g from 1 domain it uses 'x' assets and if not it uses 'y' assets.
ie in the Wine Cellar example

Code

<image>
    <cube url="panos/mitte.tiles/pano_%s.jpg" if="browser.domain != 'krpano.com'" />
    <cube url="https://krpano.com/tours/bkeller/panos/bkeller2010-mitte.tiles/pano_%s.jpg" if="browser.domain == 'krpano.com'" />
</image>

What would I need to put in my tour.xml to use different assets if the link I send out to a client (https://domain1.com/tour) is used in an iframe on https://domain3.com? Ideally, I'd like to block it from being used in an iframe but the .htaccess lines (on both domain1 and domain2) I have used aren't working.

Thanks

PelicanMedia

Hi Klaus,

Sorry, I'd forgotten about this post, but it has come up in a tour I'm making again.

"Do you mean the vtourskin.xml?"

Yes, specifically:

Code

<layer name="skin_control_bar_buttons" type="container" align="leftbottom" width="100%" height="get:skin_settings.controlbar_height">
    <layer name="skin_btn_prev"      style="skin_base|skin_glow" crop="0|64|64|64"   align="left"        x="5"    y="0"  scale="0.5" alpha="0.5"  onclick="if(skin_settings.thumbs_loop, skin_nextscene_loop(-1), skin_nextscene(-1) );" />
    <layer name="skin_btn_thumbs"    style="skin_base|skin_glow" crop="0|128|64|64"  align="left"        x="50"   y="0"  scale="0.5" ondown="skin_showmap(false); skin_showthumbs();" />
    <layer name="skin_btn_map"       style="skin_base|skin_glow" crop="64|128|64|64" align="left"        x="90"   y="0"  scale="0.5" ondown="skin_showthumbs(false); skin_showmap();" visible="false" />
    <layer name="skin_btn_navi" type="container" align="center" x="0" width="240" height="32" >
        <layer name="skin_btn_left"  style="skin_base|skin_glow" crop="0|192|64|64"  align="center"      x="-100" y="0"  scale="0.5" ondown="set(hlookat_moveforce,-1);" onup="set(hlookat_moveforce,0);" />
        <layer name="skin_btn_right" style="skin_base|skin_glow" crop="64|192|64|64" align="center"      x="-60"  y="0"  scale="0.5" ondown="set(hlookat_moveforce,+1);" onup="set(hlookat_moveforce,0);" />
        <layer name="skin_btn_up"    style="skin_base|skin_glow" crop="0|256|64|64"  align="center"      x="-20"  y="0"  scale="0.5" ondown="set(vlookat_moveforce,-1);" onup="set(vlookat_moveforce,0);" />
        <layer name="skin_btn_down"  style="skin_base|skin_glow" crop="64|256|64|64" align="center"      x="+20"  y="0"  scale="0.5" ondown="set(vlookat_moveforce,+1);" onup="set(vlookat_moveforce,0);" />
        <layer name="skin_btn_in"    style="skin_base|skin_glow" crop="0|320|64|64"  align="center"      x="+60"  y="0"  scale="0.5" ondown="set(fov_moveforce,-1);"     onup="set(fov_moveforce,0);" />
        <layer name="skin_btn_out"   style="skin_base|skin_glow" crop="64|320|64|64" align="center"      x="+100" y="0"  scale="0.5" ondown="set(fov_moveforce,+1);"     onup="set(fov_moveforce,0);" />
    </layer>
    <layer name="skin_btn_gyro"      style="skin_base|skin_glow" crop="0|384|64|64"  align="center"      x="+140" y="0"  scale="0.5" onclick="switch(plugin[skin_gyro].enabled); if(plugin[skin_gyro].enabled, skin_showmap(false));" visible="false" devices="html5" />
    <layer name="skin_btn_vr"        style="skin_base|skin_glow" crop="0|0|80|64"    align="center"      x="+146" y="0"  scale="0.5" onclick="webvr.enterVR();" visible="false" />
    <layer name="skin_btn_fs"        style="skin_base|skin_glow" crop="0|576|64|64"  align="right"       x="90"   y="0"  scale="0.5" onclick="switch(fullscreen);" devices="fullscreensupport" />
    <layer name="skin_btn_hide"      style="skin_base|skin_glow" crop="0|448|64|64"  align="right"       x="50"   y="0"  scale="0.5" onclick="skin_hideskin()" />
    <layer name="skin_btn_show" type="container" bgcapture="true" align="bottom" width="100%" height="get:skin_settings.controlbar_height" y="calc:skin_settings.controlbar_height - skin_settings.controlbar_offset_closed" onclick="skin_showskin()" onhover="tween(alpha,1.0);" onout="tween(alpha,0.25);" ondown.touch="onhover();" onup.touch="onout();" visible="false" capture="false" alpha="0.0">
        <layer name="skin_btn_show_icon" style="skin_base" crop="64|448|64|64" scale="0.5" align="bottom" y="2" enabled="false" />
    </layer>
    <layer name="skin_btn_next"      style="skin_base|skin_glow" crop="64|64|64|64"  align="right"       x="5"    y="0"   scale="0.5" alpha="0.5"  onclick="if(skin_settings.thumbs_loop, skin_nextscene_loop(+1), skin_nextscene(+1) );"  />
    </layer>
</layer>

Alles anzeigen

If I comment them out, remove them or 'set visible="false" ' they are removed, but the control bar does not resize. It just shows empty space.

ie:

Code

<layer name="skin_btn_navi" type="container" align="center" x="0" width="240" height="32" >
    <layer name="skin_btn_left"  style="skin_base|skin_glow" crop="0|192|64|64"  align="center"      x="-100" y="0"  scale="0.5" ondown="set(hlookat_moveforce,-1);" onup="set(hlookat_moveforce,0);" visible="false" />
    <layer name="skin_btn_right" style="skin_base|skin_glow" crop="64|192|64|64" align="center"      x="-60"  y="0"  scale="0.5" ondown="set(hlookat_moveforce,+1);" onup="set(hlookat_moveforce,0);" visible="false" />
    <layer name="skin_btn_up"    style="skin_base|skin_glow" crop="0|256|64|64"  align="center"      x="-20"  y="0"  scale="0.5" ondown="set(vlookat_moveforce,-1);" onup="set(vlookat_moveforce,0);" visible="false" />
    <layer name="skin_btn_down"  style="skin_base|skin_glow" crop="64|256|64|64" align="center"      x="+20"  y="0"  scale="0.5" ondown="set(vlookat_moveforce,+1);" onup="set(vlookat_moveforce,0);" visible="false" />
    <layer name="skin_btn_in"    style="skin_base|skin_glow" crop="0|320|64|64"  align="center"      x="+60"  y="0"  scale="0.5" ondown="set(fov_moveforce,-1);"     onup="set(fov_moveforce,0);" visible="false" />
    <layer name="skin_btn_out"   style="skin_base|skin_glow" crop="64|320|64|64" align="center"      x="+100" y="0"  scale="0.5" ondown="set(fov_moveforce,+1);"     onup="set(fov_moveforce,0);" visible="false" />
</layer>

I get this:

Ideally, I'd be expecting something like this:

Thanks

PelicanMedia

Hi,

I have been struggling to get some hotspots to only show in VR.
I am using the below and they do not show on desktop, mobile, tablet and on the Oculus browser BEFORE clicking on 'Enter VR'. Which is correct.
But they are still not showing when 'entering VR'.

Code

<events name="hotspot_hide_non_vr" keep="true" onnewscene="hotspot_hide_non_vr();" />


    <action name="hotspot_hide_non_vr" scope="local">
        for(set(local.i,0), i LT hotspot.count, inc(i),
            if(hotspot[get(i)].non_vr_hide,
                if(device.desktop OR device.tablet OR device.mobile,
                    copy(hotspot[get(i)].visible_bak, hotspot[get(i)].visible);
                    set(hotspot[get(i)].visible, false);
                , hotspot[get(i)].visible_bak !== null,
                    copy(hotspot[get(i)].visible, hotspot[get(i)].visible_bak);
                    delete(hotspot[get(i)].visible_bak);
                );
            );
        );
    </action>


    <hotspot non_vr_hide="true" name="spotdown" style="floor_down" ath="0.000" atv="45.000"
        onclick="loadscene(scene_Floor_7_Lobby_Hallway, null, KEEPLOOKAT, OPENBLEND(1.0, 0.0, 0.2, 0.0, linear));" />

Alles anzeigen

I know it's going to be something silly, but I've been staring at it for a while now and am lost. Thanks.

PelicanMedia

Zitat von jeromebg

Yes it's possible, but only hotspots in VR mode, and no nested elements...

Sorry, I'm not sure what you mean.

Are you saying that I would have to show the background and all the seperate buttons as individual hotspots?

PelicanMedia

Hi,

I'm tryting to show a POC to a client using the Wine Celler example.
But instead of the 'map/floorplan' image I'm using an image of some elevator buttons. So when I click on a hotspot it shows the elevator buttons to select a floor scene to go to.

This works great in a desktop environment, but I'd like to have the 'map'/buttons to show in VR also. Is this possible?

PelicanMedia

Hi,

As per this post that didn't get a reply. I can remove the buttons but it leaves a gap where they used to be.

Could someone explain how I can comment out/remove certain buttons and for the control bar to auto size to fit with the buttons missing?

Thanks

PelicanMedia

Hi,

Sorry if this has been asked already...

Is there a way I could auto-hide the control bar after XX seconds. I have seen how to hide on startup, but once opened after no interaction with the bar I'd like it to hide again.

Thanks.

Beiträge von PelicanMedia

Button to load end of video on previous scene

Automatically fill in the title=" " variable in the tour.xml

Block iframe use

Block iframe use

Show or Hide Buttons

Show hotspots only in VR

Show navigation map in VR mode

Show navigation map in VR mode

Show or Hide Buttons

Auto-hide control bar after X seconds