I did not specify an example because I hoped that a black image would have been an issue common enough to be indicative of the problem.
Please find an example below.
Windows 8 64bit - Firefox v36.0.1
tour.html
<!DOCTYPE html><html><head> <title>krpano.com - test_sphere</title> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <style> @-ms-viewport { width:device-width; } @media only screen and (min-device-width:800px) { html { overflow:hidden; } } html { height:100%; } body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; } </style></head><body>
<script src="tour.js"></script>
<div id="pano" 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> embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"prefer", passQueryParameters:true}); </script></div>
</body></html>
tour.xml
<krpano version="1.17.4" title="Virtual Tour" onstart="startup();">
<include url="skin/vtourskin.xml" />
<!-- set skin settings: bingmaps? gyro? thumbnail controlling? tooltips? --> <skin_settings bingmaps="false" bingmaps_key="" bingmaps_zoombuttons="false" gyro="true" thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160" thumbs_opened="false" thumbs_text="false" thumbs_dragging="true" thumbs_onhoverscrolling="false" thumbs_scrollbuttons="false" thumbs_scrollindicator="false" thumbs_loop="false" tooltips_thumbs="false" tooltips_hotspots="false" tooltips_mapspots="false" controlbar_offset="20" />
<!-- set optional skin logo url --> <layer name="skin_logo" url="" scale="0.25" opened_onclick="openurl('...',_blank);" />
<action name="startup"> if(startscene === null, copy(startscene,scene[0].name)); loadscene(get(startscene), null, MERGE); </action>
<scene name="scene_test_cube" title="test_cube" onstart="" thumburl="panos/test_cube.tiles/thumb.jpg" lat="" lng="" heading=""> <view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" /> <preview url="panos/test_cube.tiles/preview.jpg" /> <image> <cube url="panos/test_cube.tiles/pano_%s.jpg" /> <mobile> <cube url="panos/test_cube.tiles/mobile_%s.jpg" /> </mobile> </image> <!-- place your scene hotspots here --> </scene> <scene name="scene_test_sphere" title="test_sphere" onstart="" thumburl="panos/test_sphere/thumb.jpg" lat="" lng="" heading=""> <preview url="panos/test_sphere/preview.jpg" /> <image> <sphere url="panos/test_sphere/test_sphere.jpg" /> </image> </scene>
</krpano>
By typing "tour.html?html5=prefer+webgl", so that flash is not used, the first scene (the one that uses tiles) it is loaded fine. When loading the second scene I see only a black image with "loading". I attach a screenshot for clarity purposes.
test_sphere.jpg is a equirectangul panorama image with size 850x425 (I tried several sizes).
Hopefully can help others too.
Thanks.