pano2vr怎么解决要调时间才能打开

JavaScript013

pano2vr怎么解决要调时间才能打开,第1张

环境:使用的版本是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

:<div id="Container"

style="height:100%">

。具体原理可见转发的博客:http://blog.csdn.net/a510750/article/details/73859251

3.由于titile显示的内容太过简单,我们在实际的运用中需要对title的内容进行扩充。打开xml文件,hotspot即为各个热点,在title属性中使用 或</br>或 进行分行。关键的是要将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")

打开Axure安装位置, 我的是在D:\Program Files (x86)\Axure RP 8, 如果找不到可以右键桌面的快捷方式->打开文件位置

或者到任务管理器里面, 找到Axure的图标, 右键打开文件位置

2/3

进入DefaultSettings\Prototype_Files文件夹

3/3

右键start.html, 使用编辑软件打开(记事本, notepad++等工具), ctrl+f 搜索chrome.html 找到跳转的js, 如下图, 把红框圈起来的删除, 保存就可以了

图文教程

在输入框中点"选择输入",选择要拼接的图片.

输入类型里有矩形球面投影、立方体面片、柱型、图像条、十字型、T型、QuickTime

VR等7种类型,这里我们直接选择自动,由软件自动判断。

点击全景图后的打开按钮,导入要输出的全景图.

设置好要输出的文件位置路径,

点击确定.这时图片已经自动导入了

点击下面的参数修改,可以设置默认播放的初始角度、添加相应的版权信息等。

数据都修改完毕后,就可以输出了。在这里我们选择FLASH格式,点击右边添加按钮,可对输出文件做相应的修改。

先看设定选项下的参数,可以根据实际需要修改图像质量,显示大小和播放帧数,如无特别需要,直接默认设置,如需全景制动旋转,可以点击右边的开启自动旋转功能,我一般选择加载完毕后开始旋转。

对于播放器的控制按钮,我们可以自己编辑修改或外调他人做好的文件,对于有一定动手能力的朋友,建议自己制作个性化的皮肤。

最后选择文件输出格式和输出文件名与路径。beta7a版本的软件自带了HTML输出功能,方便网页展示的朋友。

全部设置好后直接点击确认。软件生成的播放格式用的是JS调用的。