how to start video once the VR is fully loaded ?

benjamin ziegler · June 25, 2009 at 9:53 AM

I was wondering if there is a way to check that the VR images are fully loaded before starting to play videos ?

Any idea ?

THanks

michel · June 25, 2009 at 11:00 AM

Hi Benjamin,

There is a new attribute onloadcomplete for the xml node <events> .... perhaps this can be a way to do what you expect ... I'm not sure if it is executed when all the elements defined in the xml are loaded or only when the xml itself is loaded... Try it

Quote

new attributes:
....
- <events> - onpreviewcomplete, onloadcomplete (experimental at the moment, warning - can interfere with "onstart")
....

reference: krpano 1.0.8 beta 6 Documentation

Hope this can help.

Salut

benjamin ziegler · June 25, 2009 at 12:43 PM

tryed that !

I've a hotspot named = video
i've set its pausedonstart="true"

so it don't start

Then i added this :

Code

<action name="startvideo">
onloadcomplete(action(displayvideo));
</action>


<action name="displayvideo">
play(video);
</action>

doesn't work :(

Job.1 · June 25, 2009 at 1:24 PM

Code

<events onpreviewcomplete="action(playbutton);" />


<action name="playbutton">
    hotspot[videospot].resume();
</action>

sur le hotspot video

Code

...
 pausedonstart="true"
...

ça marche chez moi
it working home

sinon regardes là/see here videoplayer plugin (beta)

michel · June 25, 2009 at 2:29 PM

hi job.1,

I have tryed your code but for me it is not working...
I used the example video-hotspot included in the Kpano package as the base to try...

This is the code:

Code

<!--
krpano 1.0.8 - video-hotspot example
-->


<krpano version="1.0.8">


<!-- use the editor for moving,rotating,scaling hotspots -->
<plugin name="editor"  url="%SWFPATH%/plugins/editor.swf"  />
<plugin name="options" url="%SWFPATH%/plugins/options.swf" />


<!-- text styles for startup text and onhover text -->
<textstyle name="infostyle"
       origin="center" edge="center" textalign="center" yoffset="-150" background="false" border="false"
       fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
       showtime="4.0" fadetime="1.0"
       />


<textstyle name="hoverstyle"
       background="false" border="false" textalign="center"
       fontsize="20" textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
       fadetime="0.2"
       />




<events onxmlcomplete="showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);"
   onpreviewcomplete="action(playbutton);"
   onloadcomplete=""
   />




<!-- use only a grid preview pano to save download space ;-) -->
<preview type="grid(cube,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" details="16" />


<action name="playbutton">
hotspot[videospot].play();
</action>


<!-- note - the url of the video must be always relative to the main krpano swf file -->
<hotspot name="videospot" 
 url="%SWFPATH%/plugins/videoplayer.swf" 
 videourl="%SWFPATH%/examples/video-hotspot/cats-short.flv"
 distorted="true"
 ath="0"
 atv="0"
 edge="center"
 scale="1.0"
 rx="0"
 ry="0"
 rz="0"
 loop="true"
 pausedonstart="true"
 directionalsound="true"
 range="110"
 volume="0.7"
 onhover="if(ispaused, showtext(click to play), showtext(click to pause));"
 onclick="togglepause();"
 />




</krpano>

Display More

I have tried to put the action(playbutton); in an other <events> attribute, onxmlcomplete (because it is sure it is working... the sowtext() is done from this attribute), but it do not work...

Can you confirm that is working for you?

Merci, Salut.

Job.1 · June 25, 2009 at 2:31 PM

I confirm

here I put the action(playbutton) on the onclick of the plugin info

http://www.visionrhd.com/site/video/bar.html

benjamin ziegler · June 25, 2009 at 2:32 PM

it works for me !

i used the same code as sugested by Job.1
but i replaced onpreviewcomplete by onloadcomplete

THanks Job.1

Job.1 · June 25, 2009 at 2:39 PM

Try with this one

Code

<!--
krpano 1.0.8 - video-hotspot example
-->


<krpano version="1.0.8">


<!-- use the editor for moving,rotating,scaling hotspots -->
<plugin name="editor"  url="%SWFPATH%/plugins/editor.swf"  />
<plugin name="options" url="%SWFPATH%/plugins/options.swf" />


<!-- text styles for startup text and onhover text -->
<textstyle name="infostyle"
       origin="center" edge="center" textalign="center" yoffset="-150" background="false" border="false"
       fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
       showtime="4.0" fadetime="1.0"
       />


<textstyle name="hoverstyle"
       background="false" border="false" textalign="center"
       fontsize="20" textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
       fadetime="0.2"
       />




<events onloadcomplete= "showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);action(playbutton);"
  
   />




<!-- use only a grid preview pano to save download space ;-) -->
<preview type="grid(cube,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" details="16" />


<action name="playbutton">
hotspot[videospot].play();
</action>


<!-- note - the url of the video must be always relative to the main krpano swf file -->
<hotspot name="videospot" 
 url="%SWFPATH%/plugins/videoplayer.swf" 
 videourl="%SWFPATH%/examples/video-hotspot/cats-short.flv"
 distorted="true"
 ath="0"
 atv="0"
 edge="center"
 scale="1.0"
 rx="0"
 ry="0"
 rz="0"
 loop="true"
 pausedonstart="true"
 directionalsound="true"
 range="110"
 volume="0.7"
 onhover="if(ispaused, showtext(click to play), showtext(click to pause));"
 onclick="togglepause();"
 />




</krpano>

Display More

Job.1 · June 25, 2009 at 2:45 PM

Quote from benjamin ziegler

it works for me !
i used the same code as sugested by Job.1
but i replaced onpreviewcomplete by onloadcomplete
THanks Job.1

youre welcome, normally it should work with one or the other

michel · June 25, 2009 at 3:00 PM

Hi Job.1, Hi Benjmin,

Then I do not understand what I am doing wrong...

After trying again and again, I press the O key to view the debugger window....
there is a WARNING: unknown action command: hotspot[videospot].resume

Why

I am using krpano 1.0.8 beta 8 (build 2009-06-15) on FIREFOX and local server...

an other thing ...

I have tried the following:

Code

<events onloadcomplete="showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);"
    />

instead of:

Code

<events onxmlcomplete="showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);"
    />

The first code onloadcomplete do not work for me (then I do not understand why it work for Benjamin)
The second code onxmlcomplete work like expected.

Any idea?
Edited: in a other thread, Klaus explains: link to thread reference

Quote

maybe you mean - "onloadcomplete" - this will be called when the loading of the images was done

this is why onloadcomplete does not work on my example... there is no <image /> on it --- End

Thank you, Michel.

Job.1 · June 25, 2009 at 3:02 PM

have you the good videoplayer.swf ?¿

michel · June 25, 2009 at 3:08 PM

Hi Job.1,

Sorry... do not see your reply before my one....

I just tried your code... but for me it does not work...

The debugger show nothing .. no WARNINGS

But I notice that on your code:

Code

onloadcomplete="showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);action(playbutton);"

and this make that the showtext() action is not executed yet (edited: not any more executed ) for me.

Thank you for your help in trying to understand and learn more about Krpano.

Michel.

michel · June 25, 2009 at 3:13 PM

Hi,

Sorry again... I take a lot of time to write in English

This the version I have:
Vidoplayer Plugin (Built 2009-6-15)

Thanks again.

Michel

Job.1 · June 25, 2009 at 3:17 PM

perhaps you don't have the good player, le last one is Update - 2009-06-15 krpano 1.0.8 beta 8

michel · June 25, 2009 at 3:41 PM

Hi Job.1,

I have modified your code this way,
your code:

Code

<events onloadcomplete= "showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);action(playbutton);"/>

modified code,

Code

<events onxmlcomplete="showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);action(playbutton);"/>

now the showtext() action return to be executed and the Debugger return showing the warning:
WARNING: unknown action command: hotspot[videospot].play

Bizare

Do not understand..

thank you, Michel.

Job.1 · June 25, 2009 at 3:44 PM

be carefull with the syntax, try with this action

Code

<action name="playbutton">
    hotspot[videospot].resume();
</action>

michel · June 25, 2009 at 4:00 PM

Hi,

The same... It does not work... and the showtext() action does not appear...
Syntax must be correct... I do a copy/paste of your code.

2on try changing action on onloadcomplete to onxmlcomplete (like explained before) ...

the result is: the showtext() action is executed correctly... and the Debugger say:

WARNING: unknown action command: hotspot[videospot].resume

"Qu'est ce que"

Thanks again, Michel.

Job.1 · June 25, 2009 at 4:01 PM

Passes ta page complète de code ici

michel · June 25, 2009 at 4:12 PM

Hi,

Your code: (ma copie de ton code)

Code

<!--
krpano 1.0.8 - video-hotspot example
-->


<krpano version="1.0.8">


<!-- use the editor for moving,rotating,scaling hotspots -->
<plugin name="editor"  url="%SWFPATH%/plugins/editor.swf"  />
<plugin name="options" url="%SWFPATH%/plugins/options.swf" />


<!-- text styles for startup text and onhover text -->
<textstyle name="infostyle"
   origin="center" edge="center" textalign="center" yoffset="-150" background="false" border="false"
   fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
   showtime="4.0" fadetime="1.0"
   />


<textstyle name="hoverstyle"
   background="false" border="false" textalign="center"
   fontsize="20" textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
   fadetime="0.2"
   />




<events onloadcomplete= "showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);action(playbutton);"
  
   />




<!-- use only a grid preview pano to save download space ;-) -->
<preview type="grid(cube,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" details="16" />


<action name="playbutton">
hotspot[videospot].resume();
</action>


<!-- note - the url of the video must be always relative to the main krpano swf file -->
<hotspot name="videospot" 
 url="%SWFPATH%/plugins/videoplayer.swf" 
 videourl="%SWFPATH%/examples/video-hotspot/cats-short.flv"
 distorted="true"
 ath="0"
 atv="0"
 edge="center"
 scale="1.0"
 rx="0"
 ry="0"
 rz="0"
 loop="true"
 pausedonstart="true"
 directionalsound="true"
 range="110"
 volume="0.7"
 onhover="if(ispaused, showtext(click to play), showtext(click to pause));"
 onclick="togglepause();"
 />




</krpano>

Display More

the modified code: <events onloadcomplete= ... changed to <events onxmlcomplete=...

Code

<!--
krpano 1.0.8 - video-hotspot example
-->


<krpano version="1.0.8">


<!-- use the editor for moving,rotating,scaling hotspots -->
<plugin name="editor"  url="%SWFPATH%/plugins/editor.swf"  />
<plugin name="options" url="%SWFPATH%/plugins/options.swf" />


<!-- text styles for startup text and onhover text -->
<textstyle name="infostyle"
   origin="center" edge="center" textalign="center" yoffset="-150" background="false" border="false"
   fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
   showtime="4.0" fadetime="1.0"
   />


<textstyle name="hoverstyle"
   background="false" border="false" textalign="center"
   fontsize="20" textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
   fadetime="0.2"
   />




<events onxmlcomplete= "showtext([b][i]krpano[br]video hotspot example[/i][/b], infostyle);action(playbutton);"
  
   />




<!-- use only a grid preview pano to save download space ;-) -->
<preview type="grid(cube,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" details="16" />


<action name="playbutton">
hotspot[videospot].resume();
</action>


<!-- note - the url of the video must be always relative to the main krpano swf file -->
<hotspot name="videospot" 
 url="%SWFPATH%/plugins/videoplayer.swf" 
 videourl="%SWFPATH%/examples/video-hotspot/cats-short.flv"
 distorted="true"
 ath="0"
 atv="0"
 edge="center"
 scale="1.0"
 rx="0"
 ry="0"
 rz="0"
 loop="true"
 pausedonstart="true"
 directionalsound="true"
 range="110"
 volume="0.7"
 onhover="if(ispaused, showtext(click to play), showtext(click to pause));"
 onclick="togglepause();"
 />




</krpano>

Display More

Merci, Michel.

Job.1 · June 25, 2009 at 4:12 PM

rajoute cette ligne à ton hotspot

Code

visible="true" enabled="true" handcursor="true" capture="true" children="true"

Participate now!