Sie sind nicht angemeldet.

1

Freitag, 17. Oktober 2014, 14:35

VIdeo 360 - How to add a hotspot

Hi,

I'm using a 360 video and I'd like to add some hotspots.

Here is my code :


Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
	<!-- load and control the video with the videoplayer plugin -->
	<plugin name="video"
	    	url="%SWFPATH%/plugins/videoplayer.swf"
	    	alturl="%SWFPATH%/plugins/videoplayer.js"
	    	loop="true"
	    	posterurl="video.jpg"
	    	onvideoready="videointerface_setvideo(get(name));"
	    	/>

	<!-- addtional settings for html5 to play the video as flat image -->
	<plugin name="video" devices="html5" width="100%" height="prop" align="center" zorder="0" enabled="false" visible="false" onloaded="delayedcall(0.1, set(visible,true));" />

	<!-- addtional settings for iOS/Android - paused at start -->
	<plugin name="video" devices="ios|android" pausedonstart="true" />

	<!-- set the video source file (different files and different paths for different devices) -->
	<plugin name="video" videourl="video.mp4" devices="flash" />
	<plugin name="video" videourl="video.webm" devices="firefox|chrome|opera" />
	<plugin name="video" videourl="video.mp4"devices="ios|android|blackberry|ie" />

	<!-- define the pano image and get the pano video from the videoplayer plugin (flash only) -->
	<image hfov="360" vfov="180" devices="flash">
		<sphere url="plugin:video" />
	</image>
	
	<!-- the startup view settings -->
	<view hlookat="+51" vlookat="0" fov="130" fovtype="HFOV" />

	<!-- hotspot pour afficher l'icone d'une image zoomée -->
	<hotspot name="imagezoom1icone" url="images/zoomicon.png" onhover="showtext(Afficher une image zoomée,info-bulle);set(autorotate.enabled,false)" onout="set(autorotate.enabled,true)"   ath="0.029"  atv="-0.059"  scale="1" zorder="-1" onclick="flyin( zoombild );" />
		
	<!-- hotspot pour afficher une image en zoom -->
	<hotspot name="zoombild" url="images/image-zoom1.png"
		     	ath="161.484" atv="8.614"
		     	distorted="true"
		     	zorder="2"
		     	scale="0.1376"
		     	rx="-1.75" ry="-44.75" rz="0.7571"
		     	enabled="false"
		     	visible="false"
		     	alpha="0.0"
		     	flying="0.0"
		     	onclick="flyout(zoombild);"
				 onhover="set(autorotate.enabled,false)"
				 onout="set(autorotate.enabled,true)" 
		     	/>

My Hotspot is NOT visible into my scene.

Someone can tell what's wrong ? *unsure*