fade panorama to black and start video

jschrader · September 15, 2011 at 5:05 PM

hello my friends,

today i am looking for a special solution to fade a panorama smoothly into a black screen on which then a video should start.

unfortunately on the iPad there is no automatic trigger to run the video so my solution to use two scenes did work on the desktop but not on the ipad. is there a workaround to run the entire scenario in one scene without eating all the resources?

something like an action that could be triggered to fade the pano (or blend a black image over the pano), then "unload" the pano-tiles and then load/run the video? i should be able to get it going if only i knew how its possible how to fade and unload the pano.

haven't tried it yet, but could this be part of the solution?

iceman_fx · September 15, 2011 at 5:20 PM

Hi Jürgen,
you can add a lightbox effect with an 100% plugin.
Set the zorder at 0 and fade it to alpha=1. Now set the zorder of your videoplugin to a higher index.

jschrader · September 15, 2011 at 6:15 PM

I tried this (which works fine on the desktop) but on the iPad it only loads the posterurl but no video. Even if I tap on it. Why?

Code

<hotspot name="door3"
        url="door3.jpg"
        alturl="door3.jpg"
        distorted="true"
		ath="-90.0" atv="0.0"
		width="130"
		height="344.09"
		edge="lefttop"	
		ox="-37.27"
		oy="-167.73"        
		onclick="looktohotspot(); loadxml(null,null,KEEPALL,blend(2));wait(blend);startvideoscene();"
        />	
	
<plugin name="video"
        url="video/videoplayer.swf"
		visible="false"
        alturl="video/videoplayer.js"
        videourl="video/introroh.m4v"
        altvideourl="video/introroh.m4v"
        posterurl="video/dummy.jpg"
        align="center" x="0" y="0"
        pausedonstart="true"
        loop="false"
        volume="0.0"
        buffertime="0.1"
        updateeveryframe="false"
        onvideoready=""
        onvideocomplete="loadscene(inside)"
        onunsupported=""
		onclick=""
        />
		
	<action name="startvideoscene">
	set(plugin[video].visible,true);
	set(plugin[video].volume,1.0);
	delayedcall(1, plugin[video].resume() );
	</action>

Display More

jschrader · September 15, 2011 at 10:37 PM

DEALING WITH VIDEO IN PANOS ON THE IPAD IS SOOOO FRUSTRATING !!!!

I've spend the afternoon and almost the whole evening just to find out that it doesn't even seem possible to trigger the start of a video by anything else but tapping on the video itself. Not even from a dedicated hotspot. Only if it once was successfully started with a tap on the video frame other external triggers (as from actions) do have any effect. Can somebody prove this or am I just too stupid?

In either case please send me some enlightenment!

When nothing seemed to work I started from scratch with the example Klaus provided and extended it step by step to match my needs and to figure out at which stage I might have made a mistake. Besides that a paused video doesn't start really paused (there is always a sound for the fraction of a second as soon as the video loads), I then could not find a way to get it started other then described above. Oh, how that sucks, ... please, Honey! ... better get me my pills! ...

Kev-in-spain · October 1, 2011 at 6:01 PM

Quote from jschrader

DEALING WITH VIDEO IN PANOS ON THE IPAD IS SOOOO FRUSTRATING !!!!

Totally agree!
I'm sorry I can't enlighten you on this subject as I seem to be in a similar place (by the way, what pills work for you?! ). However, I do have a tip about the sound as the video loads. I always set my video volume at 0 and have an action to set it to 1 at some point after the pano has loaded.

Here's an example from one of my tours. Hope it helps:

<action name="playvid1">
set(plugin[video1].volume,0.7);
set(plugin[video1].visible,true);
set(plugin[vid1_play].visible,false);
tween(plugin[video1].scale,2.5,0.5);
tween(plugin[video1].x,0,0.5);
tween(plugin[video1].y,0,0.5);
tween(plugin[vid1_shadow].scale,2.49,0.5);
tween(plugin[vid1_shadow].x,0,0.5);
tween(plugin[vid1_shadow].y,0,0.5,,
plugin[video1].play()));
</action>

jschrader · October 2, 2011 at 12:00 PM

The sound problem should be solved with the latest release from Klaus.
Thanks to a great idea from Sacha I found a workaround for the one-tap-starting-problem.
Yesterday I did a test and it worked.
Unfortunately it's really clumsy and one would only use it if in an iPad-tour an instant start is a must.
The trick is to have the video invisibly intergrated using the posterurl and when clicked make it "flying" to release it from rotating with the pano.
I also found that the flying attribute(?) isn't even documented in krpano documentation, one has to look at the flyout more hotspots example to find out about it.

Regarding the pills, it's always good to have plenty of sweets or chocolate around ;)

jschrader · October 2, 2011 at 8:31 PM

One more problem regarding the fade.
I need to fade the panorama to black (without leaving it!) and then start the video.
So I tried an overlaying black image and the video with a higher zorder.
But no matter which zorder the image has, it is always on top and the complete screen is black.

Code

<hotspot name="video"
        url="video/videoplayer.swf"
		visible="true"
		enabled="true"
		distorted="true"
		 ath="-90.0" atv="0.0"
		 width="290.91"
		 height="163.64"
		 edge="lefttop"
		 ox="-145.45"
		 oy="-81.82"
        alturl="video/videoplayer.js"
        videourl="video/introroh.m4v"
        altvideourl="video/introroh.m4v"
        posterurl="video/door.jpg"
        zorder="99"
		alpha="1"
        pausedonstart="true"
        loop="false"
        volume="0.1"
        buffertime="0.1"
        updateeveryframe="false"
        onvideoready=""
        onvideocomplete=""
        onunsupported=""
		onclick="set(plugin[schwarz].visible,true); tween(plugin[schwarz].alpha,1.0,1,easeoutquad,wait); tween(hotspot[video].flying, 1.0, 0.5, default); tween(hotspot[video].width, 640); tween(hotspot[video].height, 360); tween(hotspot[video].ox, -320);
		tween(hotspot[video].oy, -180); resume(); "
        />


<plugin name="schwarz"
        url="video/schwarz.jpg"
		visible="false"
		enabled="false"
		width="100%"
		height="100%"
		align="center" x="0" y="0"
		alpha="0"
        zorder="0"
        />

Display More

And there's even more issues.

jschrader · October 2, 2011 at 11:46 PM

In the meantime I solved this issue by using a black hotspot instead of a plugin.
Which needs a bit more code, but anything else would obviously be too easy - *sigh*.

sachagriffin · October 3, 2011 at 12:09 AM

you try a zorder of 1 for your overlay?

jschrader · October 3, 2011 at 12:39 AM

Well, I don't think I used 1, but several combinations between -99 and 99.
They didn't work.

sachagriffin · October 3, 2011 at 2:59 AM

Oh, Ill start my video forays this week so I should have some better insights then. Also I'm pretty sure there is no negative zorder in krpano.

jschrader · October 3, 2011 at 6:14 AM

I found an example on the forum where you used -2 and as I was desperate
I thought it wouldn't hurt to try it :D

iceman_fx · October 3, 2011 at 8:15 AM

negative zorder are only available at the flash player

jschrader · October 3, 2011 at 10:05 AM

But it doesn't work with positive values either.

HansNyb · December 3, 2011 at 12:16 PM

Klaus where are you.

This problem needs attention.
At least you should have start of the video available like with sound when you tap the pano.
I thought I could do it by making a large posterimage which I believed I could cover the full window, but it turned out that it resized to the videosize.

Hans

esys · December 8, 2011 at 5:42 PM

Hi everybody,

Quote from jschrader

In the meantime I solved this issue by using a black hotspot instead of a plugin.
Which needs a bit more code, but anything else would obviously be too easy - *sigh*.

I did the same thing to display my "flyin-out" pictures which are basically called from a hotspot.
ex 360 (click on the "photo" logo)
What about when you call a black hotspot from a plugin, zorder works in that case ? Did you succeed, i try to do the same thing with a slideshow :
slideshow pro problems

Quote from iceman_fx

negative zorder are only available at the flash player

Thanks for that, i didn't know that! What then on iOs if i set a zorder="-2" ?

Quote from jschrader

The trick is to have the video invisibly intergrated using the posterurl and when clicked make it "flying" to release it from rotating with the pano.
I also found that the flying attribute(?) isn't even documented in krpano documentation, one has to look at the flyout more hotspots example to find out about it.

Did you succeed ? I'd like to use the "flyin-out" movement for my slideshow.
Thanks

Steph.

JPC · February 28, 2012 at 2:20 PM

tween volume from a video doesn't work form at this link, do somebody know why ? thanks

http://www.camus.pro/chauvintest2/chauvintest.html

Code

<plugin name="spot0object" zorder="2" url="videoplayer.swf"
        alturl="videoplayer.js" pausedonstart="false"   loop="false" keep="true" videourl="spots/Eric_Chauvin_Intro_01.mp4" altvideourl="spots/Eric_Chauvin_Intro_01.mp4" align="center" x="0" y="0" width="100%" height="prop" alpha="1" 
		
		onclick="tween(volume,0.0,2);tween(alpha,0,5);delayedcall(10,set(visible,false))" 
		
		onvideocomplete="tween(alpha,0,5);delayedcall(10,set(visible,false));set(volume,0.5);delayedcall(5,set(volume,0.1));delayedcall(8,set(volume,0.0));" 
		
		
		
		
		capture="false" preload="true"/>

Display More

esys · February 29, 2012 at 12:42 AM

Hi,

I still to be embarassed with THe black mask hotspot. It works great with a fly in out hotspot picture but i've a thumbnail plugin in the foreground and zorder doesn't work between hotspot and plugin. So user still able to navigate through the thumbs during video! If i put a black plugin, my picture is behind the black mask!

No issue?

Quote from jschrader

I also found that the flying attribute(?) isn't even documented in krpano documentation, one has to look at the flyout more hotspots example to find out about it.

Hi jschrader,

I'd like to fly in my videoplayer through a fly in out hotspot. Is that what you did?

Thanks.
Steph.

Participate now!