Hello
I just purchased Flash to HTML5 license upgrade and I'm in the process of adapting my system so that instead of Flash only - HTML5 with fallback to Flash is used. I used Equirectangualr images for Flash.
I use php to read folder content and if finds images it creates buttons which opens lightbox window and passes directory name and equi file name to file wioth Flash viewer.
So I would like to use same principle but with HTML5 support included, and to avoid any other image format to retain simplicity for my user.
Buttons opens this file with this code:
<?php
$WhichDir = $_GET["dir"];
$WhichPano= $_GET["pano"];
$Panorama = "../images/panorame/" . $WhichDir. "/" . $WhichPano. ".jpg";
?>
<!DOCTYPE html>
<html>
<head>
<title>360 panorama</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style>
html { height:100%; }
body {
height:100%;
overflow: hidden;
margin:10;
padding:10;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
background-color:#fff;
}
a {
color:#AAAAAA;
text-decoration:underline;
}
a:hover {
color:#FFFFFF;
text-decoration:underline;
}
</style>
</head>
<body>
<script src="panorama.js"></script>
<div id="panoDIV" style="width:100%;height:100%;">
<noscript>
<table style="width:100%;height:100%;">
<tr style="valign:middle;">
<td><div style="text-align:center;">ERROR:<br/>
<br/>
Javascript not activated<br/>
<br/>
</div></td>
</tr>
</table>
</noscript>
<script type="text/javascript">
var swf = createswf("panorama.swf");
swf.addVariable("image.type", "SPHERE");
swf.addVariable("image.sphere.url", "<?php echo $Panorama ?>");
swf.addVariable("xml","panorama.xml");
swf.embed("panoDIV");
</script>
</div>
</body>
</html>
This is code in xml file:
<krpano>
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" fovmin="60" fovmax="120" />
</krpano>Questions:
1. What can I do to keep function like above but with added HTML5 support?
(HTML5 should load 1st and fallout to Flash if not supported)
We have a TON of Equirectangular images created by one click 360 pano camera and software setup.
Process is easy: Click to take a torus shaped photo -> batch converted to Equirectangular via pre-set software - Equirectangular file is uploaded on server.
2. Is it possible to embed part (or setting) of XML file (which contains path to spherical image ) into my php file so that I can pass dir and filename variable into my php file?
I did it for Flash only version with code above but I'm struggling atm with HTML5 adaptation.
Any suggestions?
Thanks,
Regards