Hello Everybody,
i am trying to build a small virtual tour consisting of 360°Videos as panoramic images that i have put into scenes. Within these Videos i would like to
blend in hotspots at a specific time within the 360° Video. Upon clicking the Hotspot, the panoramic video should pause and a Video should open as a flat layer element.
XML: 12
<scene name="videopano" title="OP Video Test">
<action name="eventstarter">
trace('video time=',plugin[video].time);
if(plugin[video].time GT 5, blendinspot() );
delayedcall(1.0, eventstarter() );
</action>
<action name="blendinspot">
tween(hotspot[check].alpha, 0.8, 4.0);
tween(hotspot[check].scale, 1, 3.0);
delayedcall(10.0, blendoutspot() );
</action>
<action name="blendoutspot">
removehotspot(check);
removelayer(videogopro);
</action>
<!-- include skins -->
<include url="skinzwei/vidskin.xml" />
<!-- include the videoplayer plugin -->
<plugin name="video"
url.html5="%SWFPATH%/plugins/videoplayer.js"
url.flash="%SWFPATH%/plugins/videoplayer.swf"
videourl="%CURRENTXML%/content/0_Opening_1024.mp4|%CURRENTXML%/content/0_Opening_1024.webm|%CURRENTXML%/content/0_Opening_audio.m4a"
panovideo="true"
pausedonstart="true"
loop="false"
onvideoplay="eventstarter();"
onvideocomplete=""
volume="1.0"
onloaded=""
preferredformat.chrome="mp4"
/>
<!-- use the videoplayer plugin as panoramic image source -->
<image>
<sphere url="plugin:video" />
</image>
<!-- set the default view -->
<view hlookat="0" vlookat="0" fovtype="DFOV" fov="90" fovmin="75" fovmax="150" distortion="0.0" />
<!-- ++++++++++ Videos +++++++++++++++++++++++ -->
<hotspot name="check"
devices="all"
url="hotspots/hotspot_lavakreise.png"
ath="0.0" atv="0.0"
alpha="0"
distorted="true"
onclick="startvid();"
scale="0"
rx="0.0"
ry="0.0"
rz="0.0"
/>
<action name="startvid">
tween(hotspot[check].alpha, 0, 0.5);
plugin[video].togglepause();
set(layer[videogopro].enabled,true);
set(layer[videogopro].visible,true);
set(layer[videogopro].time, 0.0);
set(layer[videogopro].volume, 1.0);
</action>
<layer name="videogopro"
url.html5="%SWFPATH%/plugins/videoplayer.js"
url.flash="%SWFPATH%/plugins/videoplayer.swf"
videourl="%CURRENTXML%/content/HS1_Buchholz_1024.mp4|%CURRENTXML%/content/HS1_Buchholz_1024.webm|%CURRENTXML%/content/HS1_Buchholz.m4a"
posterurl="%CURRENTXML%/content/HS1_Buchholz_1024.jpg"
align="center" x="0" y="0"
scale="0.6"
pausedonstart="false"
visible="false" enabled="false"
loop="false"
volume="0"
onvideocomplete="set(layer[videogopro].enabled,false); set(layer[videogopro].visible,false); plugin[video].togglepause(); blendoutspot();"
onerror=""
zorder="5"
/>
</scene>
Display More
It seems to work but it is still a bit shaky.
I have two problems here:
- If i set the tracing of the video time above 20 seconds it doesn´t seem to work anymore.
- Should I load the video plugin twice, as above, or only once.
Thank you very much for your help
cheers