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 (http://flashpanos.com/plugins/patrick/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,fad e,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]

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

[kuangozz]

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.


Yes , I did it by creating a swf with border images and transparent background !

But the panhome still doesn't work .
I'm uploading my new version of xml , and you'll see ...

[kuangozz]

Here is the new page :

http://dtcs.com.vn/quang/v41/bjtu2.html

1.with border.swf added as a plugin
2.
The first pano xml : http://dtcs.com.vn/quang/v41/main_new2.xml
The next pano xml : http://dtcs.com.vn/quang/v41/pan3.xml

You can notice that at pan3.xml
<global onTransitionEnd="pan=180;external.ia_video.visible=0,1000,fade">
</global>

pan=180 is not worked :(

[Rick Workman]

Interesting. So FPP plugins don't actually have to be "wired" as plugins with ActionScript (init(), newParams(), setAttribute() etc.) If you just have a standard swf file FPP just inserts it into the displaylist at the defined layer. I didn't suspect this would work. Turns out to be very useful for your requirements.

Because your pan assignment is in a global handler, you probably have to qualify the pan parameter, i.e., explicitly say that it's the pan parameter in the pano object (as opposed to a global pan parameter). Try:

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

I should have tried this case before suggesting it - in my XML I was calling a function inside the <pano> element, so it didn't have to be qualified.

Rick

[kuangozz]

Yes , it works ;)

Now may I ask you that : Can we put all codes in ONLY ONE XML file to do the video transition ?

Because for example , we have there points

C----A
|
|
B

So the transition of A-C is different with B-C

with A-C transition , and with your tutorial , we should make two xml file :
They are A.xml (load A play the A-C video) and C.xml (open C pano and close video)

with B-C transtion , we also have two xml file :
They are B.xml (load B play the B-C video) and C.xml (open C pano and close video)

The problem is the "panhome" of C point after A-C transition is NOT THE SAME with after B-C transition .

That means we actually have to make 2 or more xml file for C point .like CfromA.xml and CfromB.xml

And with a tons of points , I think we should have a trouble with making xml , giving panhome for each xml etc..

With merging everything in one xml , I think it's easier to control the points

Something look like this

<box linked="pano/2a_love" id="goToPan2" url="images/arrow.png" align="B" pan="180" tilt="1"
orientation="sphere" rotationX="0" rotationY="0"
onClick="external.ia_video.url=trans/12.flv,1000,fade,loadPan2,loadPan2"
loadPan2="loadPano(panoName=pano/4a_love,2000)"
onTransitionEnd="pano.pan=180;external.ia_video.visible=0,1000,fade"



What do you think ? or any idea to control every points .
Thanks alot for your support !

[kuangozz]

<box linked="pano/2a_love" id="goToPan2" url="images/arrow.png" align="B" pan="180" tilt="1"
orientation="sphere" rotationX="0" rotationY="0"
onClick="external.ia_video.url=trans/12.flv,1000,fade,loadPan2,loadPan2"
loadPan2="loadPano(panoName=pano/4a_love,2000)"
onTransitionEnd="pano.pan=180;external.ia_video.visible=0,1000,fade"


I tried with these codes but it stucked at the last step :
onTransitionEnd="pano.pan=180;external.ia_video.visible=0,1000,fade"

and tried with
global.onTransitionEnd="pano.pan=180;external.ia_video.visible=0,1000,fade"

the video can't be closed !!

[Rick Workman]

My personal preference is multiple XML files, one per pan. As you noted you can get into a position where you have 1 XML file per transition, and lots of duplication, which you definitely want to avoid.

To achieve this you have to specify the destination pan position from the transition originating pan, and I think you're very close with:

global.onTransitionEnd="pano.pan=180;external.ia_video.visible=0,1000,fade"

However you're executing this after the loadpano(...) call, so the event handler may already be called before the assignment. (You should be able to verify this using the trace output from FPP.) If that's the case, changing the order of these two statements should fix the problem.

If you want to go back to one XML file per pan (my preference), the same approach should work. You just have to ensure that the XML file doesn't contain an onTransitionEnd handler which would overwrite the one you just assigned prior to loadpano().

And an even simpler approach, which seems to work, is to specify the destination position in the loadpano call:

loadPano(xml_file=pans/toPan1.xml&pan=180)

Then every pan has and onTransitionEnd handler which sets the movie visibility to 0:

onTransitionEnd="external.ia_video.visible=0,1000,fade"

Hope this helps,

Rick

[kuangozz]

Look !! after 1 day 1 night for researching ! ;) I made a fluently transition between 2 points .
Yes , 1 xml for 1 pan is the flexible solution not only for transition but also for further features .

Now could you please have a look to my 2 xmls and please give some suggestions , may be to make it more rational

This is the xml for the start point :

x1.xml

<?xml version='1.0'?>
<panorama>
<parameters>

loaderBackColor = #aabfde

layer_99999 = plugins/glassMeter_simple.swf
layer_1 = plugins/hotspots_fixed.swf
layer_8 = plugins/menuFullscreen_x.swf
layer_5 = plugins/movDecoder2.swf
layer_6 = plugins/vxgotopan_x.swf
layer_10 = plugins/editor_x.swf
layer_9998 = plugins/ia_video.swf
layer_9999 = plugins/border.swf

panoType = mov
panoName = pano/x1

sensitivity = 50
friction = 0.8
behaviour = 1
threshold = 0.0000001
segments=20

loaderStreamed = 0
loaderBandwidth = 1000
loaderConsecutive = 0

</parameters>


<hotspots>
<global onTransitionEnd="external.ia_video.visible=0,1000,fade" >
<box id="x1x2" url="images/arrow.png" align="B" pan="0" tilt="1" orientation="sphere" rotationX="0" rotationY="0"
onClick="pano.pan=0,300;pano.tilt=0,300;alpha=0,200;timer=1 ,1000,,loadtrans"
loadtrans="external.ia_video.url=trans/12.flv,1000,fade,loadPan2,loadPan2"
loadPan2="loadPano(xml_file=x2.xml&pan=0)"

/>



</global>
</hotspots>


</panorama>




x2.xml

<panorama>
<parameters>
panoType = mov
panoName = pano/x2
</parameters>
<hotspots>
<global onTransitionEnd="external.ia_video.visible=0,1000,fade" >


<!-- P1 begins-->
<box alt="p1top2" id="p1top2" url="images/arrow.png" pan="0" tilt="-13.00" distance="3.93" rotationX="91.00" rotationY="-90.00" depth="10" scaleX="5.00" scaleY="2.00" alpha="0.5"
onClick="pano.pan=0,300;pano.tilt=0,300;alpha=0,200;timer=1 ,1000,,loadpano1" loadpano1="external.ia_video.url=trans/12.flv,1000,fade,loadPan2,loadPan2"

loadPan2="loadPano(panoName=pano/2a_love&pan=0&xml_file=x2.xml)" onover="alpha=1" onout="alpha=0.5" />
<!-- P1 ends-->

<box id="x2x1" url="images/arrow.png" align="B" pan="180" tilt="1"
orientation="sphere" rotationX="0" rotationY="0"
onClick="external.ia_video.url=trans/12.flv,1000,fade,loadPan2,loadPan2"
loadPan2="loadPano(panoName=pano/x1&pan=0&xml_file=x1.xml)"

/>
<box id="x2x3" url="images/arrow.png" align="B" pan="0" tilt="1"
orientation="sphere" rotationX="0" rotationY="0"
onClick="external.ia_video.url=trans/12.flv,1000,fade,loadPan2,loadPan2"
loadPan2="loadPano(panoName=pano/x3&pan=0&xml_file=x3.xml)"

/>

</global>

</hotspots>
</panorama>

[Rick Workman]

I don't have much to suggest; looks pretty clean to me and I assume it does what you want.

A minor point: Since you seem to always put the panoName parameter in the XML, you can probably drop this from the loadpano calls. Makes for a little less clutter and allows you change the pan images later, e.g., from mov format to tiles, without impacting all these calls.

Rick

[shurco2]

how to make a simultaneous download video and panoramas, to nebylo breaks
the first thing to happen to retrieve, then showing the video and immediately panorama
Give me please
________
XR75 (http://www.cyclechaos.com/wiki/Honda_XR75)

[Rick Workman]

I'm not sure I understand exactly what you're trying to do, but here's some additional information.

Using the ia_video plugin, the movie will start to play as soon as it's downloaded. There's currently no way to start a download, then get a notification event that the download is complete, and then start to play. To do this would require a redesign of how the plugin works.

Once a movie download is initiated, you can start to load a pan in parallel. However, if it finishes downloading before the movie, it will be displayed before the movie starts, which isn't usually what you want. I suppose you could use a timer to delay the pan loading, but it's value would depend on the network delays which aren't usually known with any certainty.

Since plugins and FPP are independent pieces of software, it's not normally possible to synchronize them internally (i.e., using Flash ActionScript). Some tricky XML is required, which depends on the details of what you're trying to do.

There's some additional discussion of this at:
http://flashpanos.com/plugins/patrick/video-player-plugin-flash-panorama-player#comments

Not sure this helped very much, but if you can ask more specific questions, I'll try to answer them (at least in the context of "ia_video").

Rick

[shurco2]

The main point is:
Changing the new panorama (panoramic sight) the video must load together with the next panorama. After the everything has been loaded the video plays and the panorama shows immediately.(For example as it is done on the web-site www.everyscape.com)
How it can be done?
________
girlfriend pic (http://girlfriendpics.org)

[Rick Workman]

As far as I can tell, the EveryScape site you referenced doesn't use the Flash Panorama Player. It downloads a Flash player called "_panorama_player.swf" which I know nothing about.

Using FPP, you can do something similar (doesn't require video) by:
1. set the pan,tilt,zoom values to go to specified view in the current pan.
2. use loadpano with a fade effect to go to next pan
3. in the onTransitionEnd handler in new pan, set new pan,tilt,zoom values

However, this doesn't do a preload of the destination pan so there is a delay while the pan loads. There is an image cache plugin($10) (http://flashpanos.com/plugins/zephyr/image-cache-plug) on the flash panos site that supports loading a set of files into the browser cache but it doesn't do it dynamically. That is, all the possible destination pans have to be preloaded at once (I hope I understand that correctly; I don't actually use the plugin), which may or may not be an issue.

So I think to do what you want requires a feature enhancement inside FPP to support preloading without display. But you will have a load delay somewhere - either prior to the transition (as in EveryScape), or in the middle (unless you use browser cacheing as described above). And if you want to add video during the transition, you (or somebody) will have to write a video plugin that does the same. Note that the browser cacheing plugin should also support video files, but with the same restriction, i.e., all possible transition files must be preloaded with the pan.

Maybe somebody else has a better idea.

Rick

[shurco2]

if I pay you for the development of the plug - how much would it cost????
________
ios games (http://macgame.org)

[barbi]

Hi guys!

I would like to use this ia_video plugin to play a video during a transition but got stuck with it. There is an example posted on flashpanos (http://flashpanos.com/plugins/patrick/video-player-plugin-flash-panorama-player). It isn't an online example, just the two xml files for the transition. I've placed the necessary files in the necessary folders and doube-checked the code, but in vain the video isn't visible. So I think that probably my flv files are wrong. Could someone please help me with posting a full working example (including all media items) so that I could check what is wrong? Quang was struggling with it previously, but his server (http://dtcs.com.vn/quang/) isn't available any more...

Thanks

[Rick Workman]

I was hoping that someone could post an online example, but haven't seen anything yet. I've only done offline (embedded player) applications so far, so I can't easily provide such an example. Maybe if you posted (or sent me) a small non-working example, I could help.

Rick

[Nate]

I used his plugin just fine to make video transitions between panos. I guess I deleted the online example though. If I can find it, I'll post it again... I had no problems with it that I can remember....

[barbi]

Hi guys!

With the help of Rick I was finally able to play my first transition video. ia_video uses Netsream::play, and as http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00002022.html states correctly,

You can play local FLV files that are stored in the same directory as the SWF file or in a subdirectory; you can't navigate to a higher-level directory. For example, if the SWF file is located in a directory named /training, and you want to play a video stored in the /training/videos directory, you would use the following syntax:

my_ns.play("videos/videoName.flv");

so the url expected by ia_video.swf is relative to the ia_video.swf file!!
That was my fault since I always stores my videos in a separate folder...

[Rick Workman]

Glad to hear it's working. Just a followup:

The documentation you referred to is for AS2. Interestingly, the AS3 (which I use) documentation mentions no such restriction.

Further, if I use your example with a SWF media file instead of FLV, it does not default to the directory containing ia_video.swf . So there's something definitely different between these two cases. Given that I was trying to make the two cases appear the same to the user, this is a bit ugly.

So here's what I think is happening:
1. SWF file paths are relative to the object that loaded it, normally the html file defining the "SWFObject".
2. NetStream file paths are relative to the root AS3 SWF object, normally the main instance defined by pano.swf . So it's where this file is, not the ia_video.swf file, that's important.

So if your pano.swf file is not in the same directory as the html file that loads it, the root file path for FLV files and SWF (or other image files) will be different. Some quick tests would seem to confirm this, but if anybody has contrary evidence or other explanations, I'd like to hear about it.

Rick

[jordi]

Hi all of you !!

does anyone have an online working example of this pluguin connecting different panos ??

thanks