Plugins demonstration.

Plugins are a powerful feature that can be added to fusionplayer virtual tours. These are Flash .swf files that use the fusionplayer API. Plugins can be created to do anything from control the virtual tour navigation to display information like text overviews, images, video, audio and documents from the panorama XML file.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Plugin Demo</pageTitle>
	<theme_enabled>false</theme_enabled>	
	<panoPreview>true</panoPreview>	
	<numConnections>3</numConnections>																
	<retryItem>5</retryItem>																										
	<qualityMotion>low</qualityMotion>										
	<loresFolder>pano/pano_lo</loresFolder>						
	<defaultRes>low</defaultRes>	
	<panoType>spherical</panoType>																		   											
	<sphereSize>5000</sphereSize>													
	<segments>high</segments>															
	<loaderImage>images/loader.png</loaderImage>
</main>
<panorama>
	<frameId>demo_room_1</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo Room 1</roomTitle>
	<previewImage>pano/previews/preview.jpg</previewImage>
	<startX>0</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>Bitmap</hotspotType>		
		<hotspotBitmapOn>info_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>info.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>620</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>image</actionType>
		<actionGoto>images/restaurant.jpg</actionGoto>		
		<imageName>Image Demonstration</imageName>
		<altTag>Hotspot:bitmap   Action:image</altTag>
		<overviewTab_enable>true</overviewTab_enable>
		<imageDescription><br/>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam placerat, leo nec lobortis varius, tortor neque ultricies mi, non convallis leo dolor eget libero. <br /><br />
		Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum, tortor at sodales tincidunt, enim dolor viverra risus, eget euismod lacus nisi id tellus.
		Etiam suscipit semper sem ac interdum. Quisque ac risus nibh, ac vehicula dolor.</imageDescription>
		</hotspot>
	
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>arrow_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>arrow.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_2</actionGoto>		
		<altTag>Hotspot:bitmap   Action:room</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
<panorama>
	<frameId>demo_room_2</frameId>
	<sphere>grid2.jpg</sphere>	
	<roomTitle>Demo Room 2</roomTitle>
	<previewImage>pano/previews/preview.jpg</previewImage>
	<startX>0</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>Bitmap</hotspotType>		
		<hotspotBitmapOn>arrow_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>arrow.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_1</actionGoto>		
		<altTag>Hotspot:bitmap   Action:room</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>
<fullscreenPluginSize>1.2</fullscreenPluginSize>
<plugin>
    <name>listMenu</name>
    <swf>listMenu.swf</swf>
    <posX>120</posX>
    <posY>15</posY>
    <canvas>true</canvas>
    <fullscreen>true</fullscreen>
    <fullscreenPos>top left,120,10</fullscreenPos>
</plugin>
<plugin>
    <name>fullscreen</name>
    <swf>fullscreen.swf</swf>
    <posX>20</posX>
    <posY>15</posY>
    <canvas>true</canvas>
    <fullscreen>true</fullscreen>
    <fullscreenPos>top left,10,10</fullscreenPos>
</plugin>
<plugin>
    <name>nav.swf</name>
    <swf>nav.swf</swf>
    <canvas>true</canvas>
    <posX>575</posX>
    <posY>15</posY>
    <fullscreen>true</fullscreen>
    <fullscreenPos>top right,-120,10</fullscreenPos> 
</plugin>
<plugin>
<name>infoPanel</name>
    <swf>infoPanel.swf</swf>
    <posX>50</posX>
    <posY>50</posY>
    <canvas>true</canvas>
    <fullscreen>true</fullscreen>
    <fullscreenPos>centre,0,-230</fullscreenPos>
</plugin>
</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>250</loader_PosY>

	<listPanelWidth>170</listPanelWidth>
	<listPanelScrollbarAt>10</listPanelScrollbarAt>								
	<listPanelFontName>arial</listPanelFontName>			
	<listPanelFontSize>10</listPanelFontSize>			
	<listPanelFontColour>0x3c2b3d</listPanelFontColour>						
	<listPanelFontBold>true</listPanelFontBold>				
	
	<overviewTabName>Overview</overviewTabName>
	
	<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>	
	
	<panoTransitionType>random</panoTransitionType>
	<panoTransitionColour>0x333333</panoTransitionColour> 
	<panoTransitionEffect>all</panoTransitionEffect> 	
	<panoTransitionBlurEffect_percentage>30</panoTransitionBlurEffect_percentage>
	<transitionDuration>1</transitionDuration>
	
	<enableImageHotspots_fullscreen>true</enableImageHotspots_fullscreen>
</theme>
</config>