[PLEASE HELP] when my Halloween Party Barn Tour loads - the music doesn't auto play

LSDMT

Tour Link:

https://www.i-zombie.com/BP/Tour.html

in Safari and Chrome - when the tour link loads the music for the first scene is not playing (and it should be). but, if i click anywhere on the tour - the music starts playing. i want it to load when the link is clicked because there is no instruction that anyone would know that they need to click on the screen first. some people may just sit there as it auto-rotates and never know there is sound.

is there a way to have the first pano (front of barn) start playing the music when the page loads instead of when someone clicks on the pano.

for some reason it works correctly in Firefox but not the other two that i have. i don't know if there is some magic code that will force the first scene's mp3 file to play on load.

______________________________________

second question - the first and last panos have the gyro working and it shows up in the menu bar at the bottom. but the middle two panos don't. the gyro option is missing on those. any idea why?

the only thing different that i did was add a 'vlookatmax' and changed the 'limitview' to limitview="range" on those. here is the xml:

Code

<krpano version="1.20.7" 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="false"
	               gyro="true"
	               gyro_keeplookingdirection="false"
	               webvr="false"
	               webvr_keeplookingdirection="false"
	               webvr_prev_next_hotspots="false"
	               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="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"
	               />


	<!-- 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() );
		<!-- load the soundinterface plugin -->
		<plugin name="soundinterface"
	        url.flash="%VIEWER%/plugins/soundinterface.swf"
	        url.html5="%VIEWER%/plugins/soundinterface.js"
	        rootpath=""
	        preload="true"
	        keep="true"
	        />


		<!-- start playing the sound -->
		<events name="currentpano"
	        onnewpano="playsound(bgsnd, 'https://www.i-zombie.com/BP/sound/Cemetery.mp3', 0);"
	        onremovepano="stopsound(bgsnd);"
	        />
	</action>




	
	<scene name="scene_1-BF" title="Front of Barn" onstart="" thumburl="panos/1-BF.tiles/thumb.jpg" lat="" lng="" heading="">


		<view hlookat="342.0" vlookat="4.0" fovtype="MFOV" fov="90" maxpixelzoom="1.0" fovmin="70" fovmax="100" limitview="auto" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="4.0" tofov="90" />


		<preview url="panos/1-BF.tiles/preview.jpg" />


		<image>
			<cube url="panos/1-BF.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640,1280,2688" />
		</image>


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


		<!-- start playing the sound -->
		<events name="currentpano"
	        onnewpano="playsound(bgsnd, 'https://www.i-zombie.com/BP/sound/Cemetery.mp3', 0);"
	        onremovepano="stopsound(bgsnd);"
	        />


	</scene>


	<scene name="scene_2-Mummy" title="Mummy's Tomb" onstart="" thumburl="panos/2-Mummy.tiles/thumb.jpg" lat="" lng="" heading="">


		<view hlookat="22" vlookat="20.0" vlookatmax="67" fovtype="MFOV" fov="100" maxpixelzoom="1.0" fovmin="70" fovmax="110" limitview="range" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="20.0" tofov="100" />


		<preview url="panos/2-Mummy.tiles/preview.jpg" />


		<image>
			<cube url="panos/2-Mummy.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,768,1664,3200" />
		</image>


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


		<!-- start playing the sound -->
		<events name="currentpano"
	        onnewpano="playsound(bgsnd, 'https://www.i-zombie.com/BP/sound/Mummy.mp3', 0);"
	        onremovepano="stopsound(bgsnd);"
	        />


	</scene>


	<scene name="scene_3-Frank2" title="Frank's Lab" onstart="" thumburl="panos/3-Frank2.tiles/thumb.jpg" lat="" lng="" heading="">


		<view hlookat="183" vlookat="22.0" vlookatmax="67" fovtype="MFOV" fov="95" maxpixelzoom="1.0" fovmin="70" fovmax="110" limitview="range" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="22.0" tofov="95" />


		<preview url="panos/3-Frank2.tiles/preview.jpg" />


		<image>
			<cube url="panos/3-Frank2.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640,1280,2624" />
		</image>


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


		<!-- start playing the sound -->
		<events name="currentpano"
	        onnewpano="playsound(bgsnd, 'https://www.i-zombie.com/BP/sound/Frank.mp3', 0);"
	        onremovepano="stopsound(bgsnd);"
	        />


	</scene>


	<scene name="scene_4-BR" title="Rear of Barn" onstart="" thumburl="panos/4-BR.tiles/thumb.jpg" lat="" lng="" heading="">


		<view hlookat="165" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="1.0" fovmin="70" fovmax="100" limitview="auto" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="4.0" tofov="90" />


		<preview url="panos/4-BR.tiles/preview.jpg" />


		<image>
			<cube url="panos/4-BR.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640,1280,2688" />
		</image>


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


		<!-- start playing the sound -->
		<events name="currentpano"
	        onnewpano="playsound(bgsnd, 'https://www.i-zombie.com/BP/sound/Cemetery.mp3', 0);"
	        onremovepano="stopsound(bgsnd);"
	        />


	</scene>




</krpano>

Alles anzeigen

please let me know and thanks in advance!

indexofrefraction

hm your sound setup is a bit strange...

you have put xml inside the start action, i'm surprised that this doesnt trigger an errror. you should remove it.

the soundinterface plugin should be loaded at the xml root level with keep="true" (next to the start action, not inside)
(you need to add keep="true" to not unload things when the scene changes)

also at the xml root level i would add an <events onremovepano="stopsound(bgsnd);" keep="true" />

from all scenes i'd remove loading the soundinterface and those events

the playsound() call for each scene i'd put into the scenes onstart="" action

as for the auto play... nowadays audio play must be unlocked on most browsers first by a click...
you can add a splash screen, play a silent sound and if the user clicks to enter the tour, audio play is unlocked

LSDMT

Zitat von indexofrefraction

hm your sound setup is a bit strange...
you have put xml inside the start action, i'm surprised that this doesnt trigger an errror. you should remove it.
the soundinterface plugin should be loaded at the xml root level with keep="true" (next to the start action, not inside)
(you need to add keep="true" to not unload things when the scene changes)
also at the xml root level i would add an <events onremovepano="stopsound(bgsnd);" keep="true" />
from all scenes i'd remove loading the soundinterface and those events
the playsound() call for each scene i'd put into the scenes onstart="" action
as for the auto play... nowadays audio play must be unlocked on most browsers first by a click...
you can add a splash screen, play a silent sound and if the user clicks to enter the tour, audio play is unlocked

Alles anzeigen

well - the instructions i was following was on the krpano page:

https://krpano.com/releases/1.20.7/examples/#backgroundsound

and specifically the .xml file that is linked for using as an example:

https://krpano.com/viewsource.htm…groundsound.xml

that's where i got the 'how'. i guess it was wrong but i am not much of a coder. i know enough to be dangerous but that's about it.

so - is there any way you could modify my code so i know where and how you are talking about modifying it? i could PayPal you for your time if necessary..

indexofrefraction

this is the streamlined version...

you need to add a jpg for the splash screen, some pic with something like "click to enter"
i didnt test it, but the idea is that on loading the first scene is behind the splash
if you click, the sound starts and the splash hides

best, index

Code

<krpano version="1.20.7" title="Virtual Tour">


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


	<skin_settings maps="false"
	               maps_type="google"
	               maps_bing_api_key=""
	               maps_google_api_key=""
	               maps_zoombuttons="false"
	               maps_loadonfirstuse="false"
	               gyro="true"
	               gyro_keeplookingdirection="false"
	               webvr="false"
	               webvr_keeplookingdirection="false"
	               webvr_prev_next_hotspots="false"
	               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="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"
	               />


	<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>


	<plugin name="soundinterface"
		url.flash="%VIEWER%/plugins/soundinterface.swf"
		url.html5="%VIEWER%/plugins/soundinterface.js"
		rootpath=""
		preload="true"
		keep="true"
		/>


	<layer name="splashscreen" 
		width="100%" height="100%" 
		zorder="99"
		url="zombie_splashscreen.jpg"
		onclick="removelayer(splashscreen);"
		/>


	<events name="soundstopper" 
		onremovepano="stopsound(bgsnd);"
		keep="true"
		/>
	
	<scene name="scene_1-BF" title="Front of Barn" onstart="playsound(bgsnd, 'sound/Cemetery.mp3', 0);" thumburl="panos/1-BF.tiles/thumb.jpg" lat="" lng="" heading="">
		<view hlookat="342.0" vlookat="4.0" fovtype="MFOV" fov="90" maxpixelzoom="1.0" fovmin="70" fovmax="100" limitview="auto" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="4.0" tofov="90" />
		<preview url="panos/1-BF.tiles/preview.jpg" />
		<image>
			<cube url="panos/1-BF.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640,1280,2688" />
		</image>
	</scene>


	<scene name="scene_2-Mummy" title="Mummy's Tomb" onstart="playsound(bgsnd, 'sound/Mummy.mp3', 0);" thumburl="panos/2-Mummy.tiles/thumb.jpg" lat="" lng="" heading="">
		<view hlookat="22" vlookat="20.0" vlookatmax="67" fovtype="MFOV" fov="100" maxpixelzoom="1.0" fovmin="70" fovmax="110" limitview="range" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="20.0" tofov="100" />
		<preview url="panos/2-Mummy.tiles/preview.jpg" />
		<image>
			<cube url="panos/2-Mummy.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,768,1664,3200" />
		</image>
	</scene>


	<scene name="scene_3-Frank2" title="Frank's Lab" onstart="playsound(bgsnd, 'sound/Frank.mp3', 0);" thumburl="panos/3-Frank2.tiles/thumb.jpg" lat="" lng="" heading="">
		<view hlookat="183" vlookat="22.0" vlookatmax="67" fovtype="MFOV" fov="95" maxpixelzoom="1.0" fovmin="70" fovmax="110" limitview="range" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="22.0" tofov="95" />
		<preview url="panos/3-Frank2.tiles/preview.jpg" />
		<image>
			<cube url="panos/3-Frank2.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640,1280,2624" />
		</image>
	</scene>


	<scene name="scene_4-BR" title="Rear of Barn" onstart="playsound(bgsnd, 'sound/Cemetery.mp3', 0);" thumburl="panos/4-BR.tiles/thumb.jpg" lat="" lng="" heading="">
		<view hlookat="165" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="1.0" fovmin="70" fovmax="100" limitview="auto" />
		<autorotate enabled="true" waittime="5.0" speed="4.0" horizon="4.0" tofov="90" />
		<preview url="panos/4-BR.tiles/preview.jpg" />
		<image>
			<cube url="panos/4-BR.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640,1280,2688" />
		</image>
	</scene>


</krpano>

Alles anzeigen

LSDMT

THANK YOU, sir. i fractured my ankle yesterday so as soon as i can get over to a comp and log on to my FTP - i will try it out.

indexofrefraction

Oi !
Get well soon !

LSDMT

thank you! it's super sore :(

so - i made a splash image and saved it as a .png file. i made a folder and called it 'images' and put splash image in it. i changed the code to:

but it is not working. the panos all load correctly and the sound plays correctly but the space image never comes up. i tried it in safari, firefox, and chrome. is there a plugin i need so that the splash image shows itself?

here is a screenshot of the directory on my FTP:

indexofrefraction

how is it with keep=true

Code

<layer name="splashscreen" 
width="100%" height="100%" 
zorder="99"
url="images/Enter.png"
onclick="removelayer(splashscreen);"
keep="true"
/>

by the way, you dont need to always use the full web url ..
a local url is enough, and maybe faster

LSDMT

ok. i had tried the local url first and it didn't work so i did the whole url thinking maybe that was why (which also didn't work but was there when i copied the code). thanks for letting me know the local would work fine.

--

so i changed it to this:

because the width and height at 100% filled the whole screen. either way - it DID work. however, clicking on it DOES make the splash screen go away but the pano still doesn't have sound unless you click somewhere on it. i can live with that if i have to.

also - the splash screen is at the top-left instead of centered. i'm sure there is a code to tell it to center it vertically and horizontally on the screen but if it doesn't make the sound go on when you click to dismiss it - then ill probably just get rid of it.

i saved it and it is live if you want to check it out:

https://www.i-zombie.com/BP/Tour.html

(also - if you have PayPal and DM me your PayPal email i would be happy to send you some money for helping me).

indexofrefraction

hm, to free the audio play the first mp3 played must probably get started from within the onclick event

you can try something... make an mp3 with a very blank sound. 0.5 seconds of silence
and change the onclick in the splash. you can also set the align for centering

align="center"
onclick="playsound(unlocksnd, 'sound/Blank.mp3', 0);removelayer(splashscreen);"

the idea is that this also frees the blocked playback of your scene mp3...

and nono, you dont have to pay anything. forget that.

ps. for testing you can use just any mp3, we'll see if it frees the scene audio
just use a different id for the unlock sound (see unlocksnd above)

LSDMT

thanks, Index. i just went ahead and changed the name of the first pano to include instructions to get sound. my dad didn’t want the splash screen.

so - i should be good! i REALLY appreciate all your help.

indexofrefraction

for the sake of learning i tested it, now, and this works :

Code

<layer name="splashscreen" 
		width="100%" height="100%"  align="center" zorder="99" url="splash.png"
		onclick="playsound(unlocksnd, 'sound/blank.mp3', false, 0, removelayer(splashscreen));"
		keep="true"
		/>

the unlock sound can be used with volume=0 and will unlock the playback of all audio.
important is to remove the splash layer not too early, so this is done as oncomplete in the playsound() call

ofc that is not beautyful, yet,
it is just an example on how to use a splash layer to unlock audio play.

best, index

LSDMT

awesome. i’m sure this will end up helping someone else. weird how there’s no elegant answer. super cool that there’s ninjas like you who can come up with a clever workaround!

[PLEASE HELP] when my Halloween Party Barn Tour loads - the music doesn't auto play

Jetzt mitmachen!

Benutzer online in diesem Thema