Video frame hotspot demonstration with sound panning enabled.

Video frame hotspots can be added to panoramas. By positioning the video frame over a flat screen TV you can make virtual tours more interactive. 3D sound panning can be enabled so the sound from the video is only heard when the video is visible in the virtual tour. This enables you to add many different videos to the same panorama.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Video Frame Hotspot Demo</pageTitle>
	<theme_enabled>true</theme_enabled>		
	<numConnections>3</numConnections>																
	<retryItem>5</retryItem>																										
	<qualityMotion>low</qualityMotion>										
	<loresFolder>pano/pano_lo</loresFolder>						
	<defaultRes>low</defaultRes>	
	<panoType>spherical</panoType>																		   											
	<sphereSize>6000</sphereSize>													
	<segments>high</segments>															
	<loaderImage>images/loader.png</loaderImage>
</main>
<panorama>
	<frameId>demo_room</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo Room</roomTitle>
	<startX>-70</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	<hotspot>
		<hotspotType>videoFrame</hotspotType>	
		<videoType>normal</videoType>
		<videoFrameSource>video/trailer.flv</videoFrameSource>
		<videoFrameAudioStatus>always</videoFrameAudioStatus> 
		<videoFrameBegin>play</videoFrameBegin> 
		<videoFrameEnd>loop</videoFrameEnd> 
		<placementX>70</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<rotationPitch>0</rotationPitch>
		<rotationYaw>0</rotationYaw>
		<rotationRoll>0</rotationRoll>
		<sizeWidth>4032</sizeWidth>
		<sizeHeight>2268</sizeHeight>
		<altTag>Video frame hotspot: Home Trailer Click to play/pause screen</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
	<hotspot>
		<hotspotType>videoFrame</hotspotType>	
		<videoType>normal</videoType>
		<videoFrameSource>video/gabon.flv</videoFrameSource>
		<videoFrameAudioStatus>always</videoFrameAudioStatus> 
		<videoFrameBegin>play</videoFrameBegin> 
		<videoFrameEnd>loop</videoFrameEnd> 
		<placementX>827</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<rotationPitch>0</rotationPitch>
		<rotationYaw>0</rotationYaw>
		<rotationRoll>0</rotationRoll>
		<sizeWidth>4032</sizeWidth>
		<sizeHeight>2268</sizeHeight>
		<altTag>Video frame hotspot: Gabon Click to play/pause screen</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
	<hotspot>
		<hotspotType>videoFrame</hotspotType>	
		<videoType>normal</videoType>
		<videoFrameSource>video/mauritania.flv</videoFrameSource>
		<videoFrameAudioStatus>always</videoFrameAudioStatus> 
		<videoFrameBegin>play</videoFrameBegin> 
		<videoFrameEnd>loop</videoFrameEnd> 
		<placementX>1600</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<rotationPitch>0</rotationPitch>
		<rotationYaw>0</rotationYaw>
		<rotationRoll>0</rotationRoll>
		<sizeWidth>4032</sizeWidth>
		<sizeHeight>2268</sizeHeight>
		<altTag>Video frame hotspot: Mauritania Click to play/pause screen</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
	<hotspot>
		<hotspotType>videoFrame</hotspotType>	
		<videoType>normal</videoType>
		<videoFrameSource>video/newyork.flv</videoFrameSource>
		<videoFrameAudioStatus>always</videoFrameAudioStatus> 
		<videoFrameBegin>play</videoFrameBegin> 
		<videoFrameEnd>loop</videoFrameEnd> 
		<placementX>2360</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<rotationPitch>0</rotationPitch>
		<rotationYaw>0</rotationYaw>
		<rotationRoll>0</rotationRoll>
		<sizeWidth>4032</sizeWidth>
		<sizeHeight>2268</sizeHeight>
		<altTag>Video frame hotspot: New York Click to play/pause screen</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
</config>

config.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<themeDir>themes/demo</themeDir>
</config>

theme.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<theme>
	<canvasWidth>700</canvasWidth>						
	<canvasHeight>513</canvasHeight>					
	<tourWindowWidth>700</tourWindowWidth>		
	<tourWindowHeight>513</tourWindowHeight>	
	<tourWindow_PosX>0</tourWindow_PosX>		
	<tourWindow_PosY>0</tourWindow_PosY>
	<cameraFocus>300</cameraFocus>	
	
	<loadingTxt>Loading</loadingTxt>					
	<mainLoader_PosX>200</mainLoader_PosX>
	<mainLoader_PosY>250</mainLoader_PosY>
	<loader_PosX>200</loader_PosX>
	<loader_PosY>230</loader_PosY>
	
	<fullscreen>true</fullscreen>
	<viewportFullscreenIcon_PosX>15</viewportFullscreenIcon_PosX>
	<viewportFullscreenIcon_PosY>15</viewportFullscreenIcon_PosY>
	<buttonPanel_fullscreenButton_altTag>Fullscreen mode</buttonPanel_fullscreenButton_altTag>
	<buttonPanel_enable_altTags>true</buttonPanel_enable_altTags>
	
	<altTagFontName>Verdana</altTagFontName>
	<altTagFontSize>11</altTagFontSize>
	<altTagFontColour>0xFFFFFF</altTagFontColour>
	<altTagFontBold>false</altTagFontBold>
	<altTagBackground>true</altTagBackground>
	<altTagBackgroundColor>0x462c64</altTagBackgroundColor>
	<altTagHeight>5</altTagHeight>
	
	<fullscreenHS_scale>0.75</fullscreenHS_scale>
	
	<enable3DSoundPanning>true</enable3DSoundPanning>

</theme>
</config>