解决如下几个问题:
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调用的。