Stuck in transition

[kuangozz]

I'm trying to make a video transition between 2 panos by using this plugin :
video-player-plugin-flash-panorama-player by Rick Workman

Now the problem is , when I test the transition offline , the video works but it stops and stucks at the last frame , so , the next panorama offcouse can't show .

And then , when I try to put the whole page online , so when I click the hotspot , the transition works but without the video , it's just a normal transition of FPP .

So , what's the problem ? I did anything wrong ?

This is a xml file for the first pano :
http://dtcs.com.vn/quang/v4/main.xml

and this is for showing next pano of the transtion :
http://dtcs.com.vn/quang/v4/pan2.xml





This is the page : http://dtcs.com.vn/quang/v4/bjtu.html

This is how I embed the FPP into HTML page :

<div id="flashcontent">
	<p align="center"><font style="font-size: 9pt">This content requires 
	<a href="http://www.adobe.com/go/getflashplayer/">Flash Player</a> and a browser with JavaScript enabled.<br />

Built on <a href="http://flashpanoramas.com/player/">Flash Panorama Player</a>.</font></div> 
    <script type="text/javascript">
	  var so = new SWFObject("pano_player.swf", "ec", "748", "394", "6.0.65", "#aabfde"); 
	  so.addVariable("xml_file","main.xml");
            so.write("flashcontent");
    </script>

Hope you can help !
Thank you so much !

[phberlin]

I had a look at your example. The Flash tracer tells me that FPP can't handle your "12.swf":

Warnung: Kein bekannter Player-Download-Typ, http://dtcs.com.vn/quang/v4/trans/12.swf
VideoPlayer:IOError:[IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error #2124: Die geladene Datei weist einen unbekannten Typ auf. URL: trans/12.swf"]

(It's German and means something like: Unknown player-download type, http://dtcs.com.vn/quang/v4/trans/12.swf, ideoPlayer:IOError:[IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error #2124: The loadad file is of unknown type. URL: trans/12.swf"

So obviously, it's a problem with your SWF? Maybe you could convert it to a FLV and make sure it's linear? (Sorry, I'm just guessing, don't really know and haven't tried it myself yet.)

Regards,
Ph.

[kuangozz]

phberlin : Thank you for your reply !

Now I'm making some progress in making transition

with working offline but not online : FLV is unaccecptable on my host , that's why it can't open the video online .

With the transition stucking : I tried to modify the tutorial code to my own code .

The original one looks like :
Pan1 xml :

		  <box id="goToPan2" url="images/BlueWireFrame.png" align="B" pan="180" tilt="1" 
				orientation="sphere" rotationX="0" rotationY="0"
				onClick="external.ia_video.url=Movies/Pan1ToPan2.flv,1000,fade,loadPan2,loadPan2" 
				loadPan2="loadPano(xml_file=Pans/Pan2.xml,0,none)"
		  />

Pan2 xml :

		<global 
			onTransitionEnd="external.ia_video.visible=0,1000,fade"
		>
		</global>

and this is the xml what I modified :
Pan1 xml :

<box id="goToPan2" url="images/arrow.png" align="B"
pan="180" tilt="1" orientation="sphere" rotationX="0" rotationY="0"
onClick="loadPan2" 
loadPan2="loadPano(xml_file=pan2.xml,0,none)"
/>

Pan2 xml :

<global
onstart="external.ia_video.url=trans/12.flv,1000,fade,loadPan2,loadPan2"
loadpan2="loadPano(panoName=pano/2a_love&pan=90,1000);onTransitionEnd=leuleu"
leuleu="external.ia_video.visible=0,1000,fade"	
>

and it worked .



Now I want to ask you about how to put some <spot> apsolutlely on top of others <spot> .

Because I have a frame (border) for the player , what should be always on top , but when the transition video runs , it appears above of every spots .
(what I wish is it could appears under the frame (border) )

Thank you !!

[phberlin]

Now I want to ask you about how to put some <spot> apsolutlely on top of others <spot>. Because I have a frame (border) for the player , what should be always on top , but when the transition video runs , it appears above of every spots . (what I wish is it could appears under the frame (border)!

You could try to change the "depth" of each spot (see FPP hotsopts documentation). I think that'll do the trick :-)

Regards, Ph.

[kuangozz]

Sorry , I tried using "depth" but there is no effect !!
You can see how the transition video appears here : (by clicking the hotspot)
http://dtcs.com.vn/quang/v41/bjtu.html

or I did a wrong way ?

Pls have a look to my XML :
http://dtcs.com.vn/quang/v41/main_new.xml (First one)

<hotspots>
	<global
	
onStart="loadPano(panoName=pano/4a_love,2000)"	
		
	>
	
	 <box id="goToPan2" url="images/arrow.png" align="B"
pan="180" tilt="1" orientation="sphere" rotationX="0" rotationY="0"
onClick="external.ia_video.url=http://www.everyscape.com/dswMedia/europe/poland/lesser_poland/krakow/_morphs/Krakow_MarketSq_06_Krakow_MarketSq_00.flv,1000,fade,loadPan2,loadPan2"
loadPan2="loadPano(xml_file=pan2.xml,0,none)"
/>
	
    <spot id="top"    static="1" salign="LT" align="LT" staticX="0" staticY="0" url="images/touming_01.png"/>
	<spot id="right"   static="1" salign="RT" align="RT" staticX="0" staticY="0" url="images/touming_02.png"/>	
	<spot id="left"   static="1" salign="LB" align="LB" staticX="0" staticY="0" url="images/touming_03.png"/>	
	<spot id="bottom"  static="1" salign="RB" align="RB" staticX="0" staticY="0" url="images/touming_05.png"/>	
	
	</global>
	</hotspots>

and
http://dtcs.com.vn/quang/v41/pan2.xml (Second one , after transition)

<hotspots>
<global
onstart="loadPano(panoName=pano/2a_love,1000)"
onTransitionEnd="external.ia_video.visible=0,1000,fade"
>


 <spot id="top"   static="1" salign="LT" align="LT" staticX="0" staticY="0" url="images/touming_01.png"/>
	<spot id="right"   static="1" salign="RT" align="RT" staticX="0" staticY="0" url="images/touming_02.png"/>	
	<spot id="left" static="1" salign="LB" align="LB" staticX="0" staticY="0" url="images/touming_03.png"/>	
	<spot id="bottom"  static="1" salign="RB" align="RB" staticX="0" staticY="0" url="images/touming_05.png"/>	
	
</global>
</hotspots>

[Rick Workman]

Looks like your transition movie is working so just a couple of observations:

The "tutorial" code implements the following order:
1. play transition movie
2. when movie finishes, load destination pan (below movie)
3. when destination pan is loaded (onTransitionEnd), remove movie.

Your working example implements a different order:
1. load destination pan
2. when pan is loaded (onStart), play transition movie.
3. when movie is done, reload the pan you just loaded ("loadpano(...") and redefine onTransitionEnd handler.
4. when the reload is done, the onTransitionEnd handler removes the movie.

I find the reload logic in step 3 a bit confusing, but it seems to work. Probably FPP just treats the reload step as a unnecessary (pan already loaded) and juts repeats the event sequence, this time executing "leuleu".

Note that the tutorial order allows for the possibility of different transition movies when going from different "from" pans to the same "to" pan, while your current implementation does not (transition movie initiated after "to" pan is loaded). This may not matter to you.

I also note that in your original pan2.xml file, the ia_video plugin is loaded again. This is unnecessary since it was already loaded by main.xml. I think FPP is smart enough to know it's already loaded, so for now at least, this doesn't cause any problems.

Regarding layering (your "border" question), plugins are layered so that one plugin is above or below another, as defined by the load request (layer_N=plugin). The ia_video plugin has a layer number higher than the hotspots plugin so it always appears on top of anything in hotspots (spots or panorama), which is what you want for transitions.

Therefore, if your border is a "spot", I don't think you can achieve what you want. The easiest way to do this if you're an ActionScript programmer, is to write a simple plugin which loads a border image and put it on a higher layer than the video plugin, but maybe there are other solutions.

Hope I understood your question; try asking again if I misunderstood.

Rick

[Rick Workman]

Ah, now I see what you're talking about.

This layering appears to have something to do with how the Flash player browser plugin layers things in HTML, and how this interacts with FPP plugin layering. Unfortunately, not my area of expertise, so don't know what to suggest.

I also note that you've revised the XML to be more in line with the "tutorial" so you ignore most of my previous post. I'm still curious about the "onStart" though. Is there any reason you need them? (Maybe I'm not seeing all the XML.)

Rick

[Rick Workman]

Originally Posted by Rick Workman

Ah, now I see what you're talking about.

This layering appears to have something to do with how the Flash player browser plugin layers things in HTML, and how this interacts with FPP plugin layering. Unfortunately, not my area of expertise, so don't know what to suggest.

Rick

Let me correct myself yet again; you are using spot images for your border. As I said in my first post, the transition movie is layered over the hotspots/pano layer, so it'll take some work to achieve your objective. In addition to some kind of image overlay plugin, another possibility is to render the transition movie with embedded border images.

Just a thought.

Rick

[kuangozz]

Thanks Rick Workman ! you're a good man

Therefore, if your border is a "spot", I don't think you can achieve what you want. The easiest way to do this if you're an ActionScript programmer, is to write a simple plugin which loads a border image and put it on a higher layer than the video plugin, but maybe there are other solutions.

You mean I should make my border to become a plugin , and then give it something like : layer_999999999 = border.swf to make it higher than any layers ?

I'm checking my code , and realize that it works well if I modify it back to the same as "tutorial" .




Actually, I used
onstart="loadPano(panoName=pano/2a_love&pan=90,1000)"

because I want to give the new pano a panhome value : &pan=90
Otherwise , I don't know how to set the panhome of the new pano what important for me .
I tried with
panhome = 90
at <parameters></parameters> but it doesn't work .

Once again , thank you for replying me , I'm really a beginner

[Rick Workman]

You mean I should make my border to become a plugin , and then give it something like : layer_999999999 = border.swf to make it higher than any layers ?

That's the idea. If you haven't written a plugin before, look at some of the source in the released plugins (inside .fla project files) or at flashpanos.com to get you started. Also I think Zephyr Renner posted a skeleton template for plugins on the forum some time ago - you may have to search for it.

Actually, I used
onstart="loadPano(panoName=pano/2a_love&pan=90,1000)"

because I want to give the new pano a panhome value : &pan=90
Otherwise , I don't know how to set the panhome of the new pano what important for me .
I tried with
panhome = 90
at <parameters></parameters> but it doesn't work .

Not sure why panhome parameter doesn't work - maybe there's some conflict when the hotspots plugin is used.

I usually just set the pan position in the onTransitionEnd handler, e.g.,

onTransitionEnd="pan=90;external.ia_video.visible= 0,1000,fade"

which seems to work for me.


Rick