29 发布到网站
发布到网站
ptgui查看器插件可用于在网站上发布360度或全球形全景。这个插件可以让网站访问者通过鼠标点击和拖动来“环视”全景图。
fabu (1).jpg
ptgui可以在一次点击中生成所有必要的文件,以便在网站上发布全景图。ptgui查看器支持多种技术:
- Flash:Adobe Flash Player插件(10.0或更高版本)
- CSS3D:HTML级联样式表标准的3D扩展
- WebGL:用于Web浏览器的OpenGL实现。
所有现代网页浏览器(包括智能手机和平板电脑)都支持CSS3D或WebGL(或两者都支持)。在旧的浏览器上,Flash插件通常是可用的。通过ptgui查看器自动地选择适当的技术。你只需要发布一次全景图就可以在几乎每台电脑、平板电脑或智能手机上看到它。
用法
首先应该将全景图缝合成一个等距投影全景图像。接下来,使用“发布到网站”工具转换生成的全景图。最后,生成的文件需要上传到Web服务器,例如通过ftp。
缝合全景图
缝合全景图时,最好以等矩形投影创建全景图;为此,请单击全景编辑器中的按钮。使用两个滑块调整视场,直到全景填充整个画布。不要在全景编辑器中使用黄色裁剪线:这会导致不对称裁剪,而ptgui查看器不支持这种裁剪。
记下全景的水平视野:这显示在全景编辑器窗口的底部状态栏中。例如,如果全景编辑器中的状态栏显示“360°x 180°等矩形”,则水平视野为360度。建议仅对宽度大于180度的全景使用“发布到网站”工具:在内部,全景转换为360°x 180°的完整表示;如果全景的可视部分只是一小部分,则会浪费大量空间。
要创建全景图,请选择“最佳大小”->“最大大小”。然后以tiff或jpeg格式呈现全景图。
转换为Web显示
创建全景图后,选择工具->发布到网站…打开转换工具。
单击添加文件以加载缝合的全景图。通过将多个全景图添加到列表中,可以一次转换多个全景图。如果需要从列表中删除全景,请使用“删除”。
设置投影和水平视场以匹配全景的属性(即等距投影和上述视场)。
在输出部分,指定生成文件的目标文件夹和文件名。该工具生成.jpg图块、一个.htm文件和两个插件文件(ptguiviewer.js和ptguiviewer.swf)。.jpg和.htm文件将以“另存为”字段中选择的文件名作为前缀。如果选中“保存到源文件夹中具有相同名称的文件”,则输出文件将放置在包含源图像的文件夹中,文件名前缀与源文件名相同。
创建的文件显示将生成的文件的名称摘要。
设置
fabu (3).jpg分辨率:生成的.jpg图块的组合大小(以百万像素为单位)。使用自动选择最佳尺寸,在该尺寸下不会出现质量损失。使用较小的尺寸可以缩短全景图完全显示之前的下载时间,但也会降低图像质量。在自动设置中,输出全景尺寸限制为6000万像素。这可以通过取消选择自动来覆盖,但是这样大的全景不能可靠地显示在每台计算机上。
ipad/iphone/ipod大小限制:ptgui查看器支持内存有限的Apple移动设备。如果全景图太大(即像素太多),设备上的Safari浏览器将耗尽内存,可能会在没有警告的情况下关闭。因此,可以为这些设备设置单独的尺寸限制。在实践中,450万像素是一个安全限制(近年硬件水平提升很快,可以设置大一点)。
jpeg质量:质量级别(0..100)生成的.jpg文件。数字越小,下载质量越低,但速度越快。
此外,还可以配置初始角度、倾斜和视野。对于每个参数,可以设置初始值、最小值和最大值:
平移设置并限制水平查看方向:0是全景的中心,-180是最左侧,180是最右侧。
倾斜设置并限制垂直观察方向:0是地平线,90是天顶,90是最低点。
选择Automatic(自动)可自动设置平移和倾斜限制,从而使可见区域限于全景的边界。
视场设置并限制缩放:值越小,放大越大,缩小越大。
自动旋转:如果启用,全景图将在打开后立即开始旋转。你网页的访问者会立刻注意到它是一幅全景图,而不是一幅平面图。速度以每秒度为单位设置旋转速度。以每秒5度的速度旋转(360度)需要72秒。正速度设置将“相机”向右旋转,负速度设置将反向旋转。
一旦用户单击全景图,自动旋转就会停止。如果启用“恢复后”,自动旋转将在选定的不准确时间后重新开始。
显示全屏按钮:默认情况下,击全屏按钮将显示在右上角。点击它将切换到全屏显示模式。选择显示全屏按钮,或选择否以禁止全屏查看。
陀螺仪导航:启用后,在移动设备上,可以通过旋转和倾斜设备来导航全景图。
创建:您可以选择生成所有必需的文件,或者只生成.jpg图块。如果ptgui查看器文件已经在Web服务器上,并且您正在使用自定义的html/php代码来显示全景图,则使用后者。
该工具将为您生成一个基本的HTML页面。在网页标题处输入所需的网页标题;这将显示在全景图上方和浏览器的标题栏中。在描述中,您可以输入一些要显示在全景图下面的文本。
上传到网站
最后,所有生成的文件(.jpg、.htm、ptguiviewer.js和ptguiviewer.swf)都应上载到Web服务器。通常通过ftp、sftp或scp完成。有关如何执行此操作的详细信息,请与您的网络托管公司联系。上传文件后,链接到上传的.htm文件以显示全景图。
使用自定义模板
fabu (2).jpgptgui将生成一个具有默认布局的基本网页。如果您知道如何编辑HTML和CSS,您可以像其他HTML文件一样自定义生成的网页。或者,可以使用模板自定义“发布到网站”工具生成的页面布局。
选择“使用自定义模板”以使用自己的模板。单击“浏览”并指向您自己的模板文件(.htm格式)。或者点击创建模板来创建一个新的模板文件:这会创建一个ptgui默认模板的副本,您可以自定义它。
该模板是一个常规.htm文件,其中包含3个自定义标记:
- 标题-将替换为在网页标题字段中输入的值
- 描述-替换为在描述字段中输入的文本
- 参数-全景查看器插件的参数
查看器使用javascript代码嵌入在网页中;最好从默认模板复制此代码。
本地浏览
ptgui查看器是为在网站上使用而设计的。虽然也可以在计算机上本地查看生成的.htm文件,但是Web浏览器和Flash具有安全限制,无法访问存储在计算机硬盘上的文件。
如果由于内存安全限制,ptgui查看器无法显示全景图,它将显示设置安全异常的说明。在某些浏览器中,本地javascript也受到限制,这可能导致文件驻留在计算机上时根本不显示查看器。一旦全景图上传到网站上,这些限制就没有了。