pano2vr手机全景注意事项

环境:使用的版本是4.5.3的

解决如下几个问题:
1.如何在手机上查看
2.如何让全景图自适应全屏
3.热点显示多行内容;字体做对齐
4.在手机上查看的全景不和电脑上冲突(能在手机上的查看时,会使得电脑的全景图变模糊)

以下为解决途径

1.由于手机时是不支持flash的,所以在制作全景图时,选择html5格式,再在“移动设备”页,点击“增加”,输出即可。(此时生成的会带有flash,不用的话可以在“html”页不勾选flash fallback player)

2.在生成的文件目录中,找到主html文件(DJI_0133 Panorama.html),在样式中加:
html ,body{height:100%;}。
再为body加style=”height:100%;”,最后修改div的style

style="height:100%">
。具体原理可见转发的博客:http://blog.csdn.net/a510750/article/details/73859251

3.由于titile显示的内容太过简单,我们在实际的运用中需要对title的内容进行扩充。打开xml文件,hotspot即为各个热点,在title属性中使用 或
或 进行分行。关键的是要将hotspots中height设为0,这个步骤也可以在生成图片的时候,在”高级设置“中的”热点文本设置尺寸。这里我只是解读下。
要左对齐的话,需要修改它的js文件,找到“c.text.style.textAlign=”这一项,默认为center,可以修改为left。

4.这里我也只是做了一个暂时的解决方案,没有能够对它的源码进行完全解读,没有能够完美解决,先和大家说。
手机能够查看的原因是:在image文件夹中额外生成了适用于手机的小图片,百k左右大下,不只电脑上的那种好几m的。但是在读取的时候,都默认读取了手机的图,导致了电脑版的模。
我是在目录中复制xml文件,将其中的关于调用手机图片的代码删除(

pano=new pano2vrPlayer("container");

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
alert("手机浏览");
    pano.readConfigUrl("DJI_0133 Panorama_out.xml");
    }else{
alert("电脑浏览");
    pano.readConfigUrl("DJI_0133 Panorama_out1.xml");
    }

你可能感兴趣的:(pano2vr手机全景注意事项)