输出全景漫游


Warning: Undefined array key "pano2vr_player_version" in /www/wwwroot/www.pano2vr8.com/wp-content/plugins/garden-gnome-package/include/ggpackage.php on line 43

Warning: Undefined array key "object2vr_player_version" in /www/wwwroot/www.pano2vr8.com/wp-content/plugins/garden-gnome-package/include/ggpackage.php on line 44

在上一篇我们已经知道了如何输入全景图,本篇我们就先不作其它设置,直接输出全景漫游。

输出,在主界面右边,点击“+”即可选择输出。

点击“+”后我们注意到,会出现很多选项供我们选择。

(版本6开始,取消了Flash和Quicktime VR)

这里需要注意,这些输出不全是全景漫游,输出为全景漫游的是HTML5,反射/闪光(即Flash),QuickTime VR,本篇这里先比较一下这三种类型的全景漫游,剩下的输出类型我们后续会展开。

HTML5,Flash,QuickTime VR,它们的解释在这里仅作技术讲,我在这里从不太专业的视角,简单解释一下。

提起Flash我们比较耳熟,比如Flash动画等,当然,如果留心,通常我们新装电脑,打开浏览器看个网页上的视频,玩个简单页游,甚至打开QQ空间,都会提示需要安装Flash Player插件。没错,Flash技术起初是应用于二维动画,后来功能越来越丰富强大,交互和“流”的扩展,使Flash慢慢成为适合开发Web应用程序、流视频音频的工具,可以说是Flash造就的早期互联网的多媒体大潮流,因为它弥补了很多平台工具的短板。不过随着众多平台自身不断完善,加上Flash不支持移动端,以及最重要的经常被利用安全漏洞,让一些骇客制造安全隐患,Flash慢慢的也被挤开“中天”位置。(很多PC浏览器开始禁用Flash插件了)

QuickTime在这里就不多叙述了,我们可以简单地理解为,苹果平台自己的“Flash”。QuickTime VR就是借助QuickTime技术实现的虚拟现实功能,是基于图像的三维建模和动态显示的技术。

HTML5其实也就是html 5.0版本吧,算比较新的技术。html我们很耳熟,上过中学计算机课程或是基本能力课程,起码知道它是一个编程语言,也知道 .html 是网页的格式。早期写网页用的html语言,框架是html搭建的,但是样式和功能的丰富上,都得依靠Flash的。直到HTML5的发布,html语言才实现质的飞跃,不但能搭框架了,对各种样式效果功能都进行了很大的完善,支持移动平台,遵循所有技术开放的原则,使得现在很多平台干脆直接的完全使用HTML5,毕竟html是浏览器的原生。随着移动互联网的发展,以及各平台自身利益的控制,HTML5开始慢慢站稳市场。

这三种技术都可以作为全景漫游的“载体”。这不难理解,它们都可以承载图像,音频,视频等多媒体内容,并进行一定的交互。而全景漫游其实就是将全景图片构建三维模型予以显示,能进行一定的交互,添加一些音视频图文等多媒体内容进行丰富和扩展。

那么这三种类型的全景漫游,我们该作何选择呢,针对版本5的Pano2VR,建议输出HTML5的全景漫游。从上面的的简单介绍我们也有所了解,HTML5的平台适应性更好,尤其针对移动端,就这一点足以脱颖而出。

下面我们回到正文,输出HTML5的全景漫游(在本站点教程中,主要讲述输出HTML5,多数功能必须由HTML5完成)。

点击“HTML5”

输出设置部分如下

输出设置暂时不做任何修改,确认输出文件夹的位置后,直接点击“生成输出”

(输出文件夹一般默认是我们输入的全景图所在路径,我们在这里修改选择文件夹)

齿轮状按钮即生成输出按钮

此时会提示保存工程文件(工程文件,即记录我们输入和输出的路径,以及设置的所有参数,我们可以打开已保存的工程文件,进行修改或继续编辑。注意表述,工程文件只记录路径参数,再次编辑,或者换一台电脑编辑,一定要保证全景图等源素材的路径不变,简单说,不要动源文件路径,换电脑,不要只拷贝工程文件,素材也要拷过去)

点击“OK”选择保存的文件夹(默认也是全景图所在的路径)

保存工程文件后,输出开始。

输出完毕自动调用浏览器打开,进行预览。

“输出全景漫游”的32个回复

  1. 请问我用pano2vr5的版本导出的swf文件怎么只有100多kb,而且打开来还是黑白像素模糊的,是哪里没有设置好吗

    1. 首先,不建议输出flash,原因有很多:不支持移动端,PC段也在不断受限;很多效果无法实现。其次,你现在这个问题的原因是为了应对多场景大文件的默认方案,可以解决,在图像设置处修改单分辨率。

    1. 模糊的最根本的原因还是图不够大。全景漫游输出时默认把图片质量降到90%,这个可以修改的,但是如果是放到服务器上建议不要100%,不以利于网络浏览,

  2. 源文件 'D:/学习文件/AR全景/缓存/threejs/three.min.js'没找到
    源文件 'D:/学习文件/AR全景/缓存/webxr-polyfill/webxr-polyfill.min.js'没找到

    这是啥原因啊,话说讲的好仔细。

    1. 新版本6支持了webvr,默认输出output文件夹下会有个webvr文件夹里面就是那两个js文件,你可以在输出前的输出设置区vr选项去掉vr勾选。如果还报错可能是软件原因,换一个“好用的”版本。

    1. 全景图原素材如果很大可以适当先压缩一下;输出的图像质量参数保持默认的90就好,这个可参考“输出的图像设置”文章;如果插入的了多媒体文件也可以提前压缩一下。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注