Free Pano2QTVR HTML Template file (full screen and spinControl:VR savvy too!)
I created an HTML template for use with Pano2QTVR, in response to several recent requests. spinControl:Linguist users who also use Pano2QTVR can drop this HTML template file into Pano2QTVR's HTML folder, and then choose it when outputting QTVR & HTML from Pano2QTVR.
Read on for the download, and explanation!
On my computer, the HTML templates (note, not Pano2QTVR project templates) live at:
"C:\Program Files\Pano2QTVR\html"
So, unzip the downloaded HTML file, and drop it in to the proper folder -- then, next time you export a panorama from Pano2QTVR, you can output a fullscreen page all ready for use with spinControl:VR!
- afterwards, you will need to manually copy the spinControl:VR file into the same folder with your HTML/QTVR files (except as noted below)
- you will need to adjust the spinControl color and text parameters by hand, too, in the fullscreen page once it's exported from P2Q (by opening it in a text editor)
- this template page is set up for spinControl:Linguist usage
See below for some additional notes about specific lines in the HTML file -- those who like to roll up their sleeves and muck about with code are welcome to do so. If you enhance the template, let me know and I'll try to include it in updated downloads! Likewise, people who don't use spinControl:VR can modify it for their own use. :-)
1 <html>
2 <head>
3 <!-- EDIT YOUR keyword and description HERE-->
4 <meta name='keywords' content='spin control, spinControl:VR, QTVR, CheathamLane'>
5 <meta name='description' content='spinControl:Linguist is a custom QTVR controller from http://spincontrol.cheathamlane.net'>
Lines 4 and 5 are standard Keyword/Description meta tags, which you can change to suit your needs. If you always use the same Keyword info, change these lines before you put this in P2Q's HTML template folder.
6 <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
7 <!-- JAVASCRIPT -->
8 <title>{$userdata.title$}</title>
9 <script language="JavaScript" src="p2q_embed_object.js">
10 {$$p2q_embed_object.js$}
11 </script>
12 <script language='JavaScript' type='text/javascript'>
13 <!--
14 window.moveTo(0,0);
15 window.resizeTo(window.screen.availWidth,window.screen.availHeight);
16 window.focus();
17 //-->
18 </script>
Lines 12-18 are pretty standard Javascript for making a browser window auto-resize to fill the screen. Alter or remove as you see fit.
19 <!-- BEGIN EDITING YOUR SPINCONTROL PARAMETERS HERE-->
20 <!-- ALSO OPTIONAL AUDIO PARAMETER -->
21 <!-- Change the items between double quote marks (below) to fit your needs -->
22 <script language='JavaScript' type='text/javascript'>
23 js_mainBackground = "e8e8e8";
24 js_outlineNormal = "37322E";
25 js_outlineOver = "FF6600";
26 js_outlineDown = "FF9900";
27 js_buttonNormal = "BFC2D2";
28 js_buttonOver = "BFC2D2";
29 js_buttonDown = "37322E";
30 js_arrowNormal = "FF6600";
31 js_arrowOver = "FF6600";
32 js_arrowDown = "000000";
33 js_textColor = "99cc00";
Lines 23-33 are specific to spinControl:Linguist. They will be ignored by spincontrol:Harmony and spinControl:DIY. Alter as you see fit. If you generally use the same color parameters, change them here before placing the file in your HTML templates folder.
34 js_spinDirection = "-.2";
35 js_MaximumTilt = "-20";
36 js_enableAutospinToggle = "yes";
37 js_AutospinOnAtStart = "1";
38 js_enableHotspotToggle = "yes";
39 js_HotspotsOnAtStart = "1";
40 js_hasSound = "yes";
Line 40 should read js_hasSound = "no"; if you don't have a sound file.
41 js_SoundOnAtStart = "0";
42 js_disabledTransparency = "0";
43 js_LanguageFlag = "1";
44 js_FadeText1 = "I am some text... blah blah blah";
45 js_FadeText2 = "This controller now speaks 9 languages!";
Line 45 is specific to spinControl:Linguist. It will be ignored by spincontrol:Harmony and spinControl:DIY. Alter as you see fit.
46 //
47 URL_to_spinControl_File = "spinControl_Linguist.mov";
Line 47 as shown assumes that the spinControl:VR file will "live" at the same level as this HTML file. If you, for instance, always keep your spinControl:VR file at the top level (root) of your Web site, then it could read URL_to_spinControl_File = "http://mycoolsite.com/spinControl_Linguist.mov";. This means you could simply enter the URL here, before you put the HTML file in your P2Q HTML templates folder, and never have to worry about it.
48 //
49 //change below one line to URL of your QuickTime audio file
50 URL_to_Audio_File = "http://blahblah.com/mycoolaudio.mov";
Line 50 is ignored unless line 40 (above) is set to "yes".
51 //
52 //below one line not necessary for P2Q
53 //URL_to_QTVR_File = "http://www.cheathamlane.net/vr/Grove_0049_2-sm.mov";
Line 53 is commented out and ignored; I simply include it for completeness and in case you want to further customize the template.
54 </script>
55 <!-- END PARAMETERS -->
Hope this helps!
Patrick