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).jpg

ptgui将生成一个具有默认布局的基本网页。如果您知道如何编辑HTML和CSS，您可以像其他HTML文件一样自定义生成的网页。或者，可以使用模板自定义“发布到网站”工具生成的页面布局。

选择“使用自定义模板”以使用自己的模板。单击“浏览”并指向您自己的模板文件（.htm格式）。或者点击创建模板来创建一个新的模板文件：这会创建一个ptgui默认模板的副本，您可以自定义它。

该模板是一个常规.htm文件，其中包含3个自定义标记：

• 标题-将替换为在网页标题字段中输入的值
• 描述-替换为在描述字段中输入的文本
• 参数-全景查看器插件的参数

查看器使用javascript代码嵌入在网页中；最好从默认模板复制此代码。

本地浏览

ptgui查看器是为在网站上使用而设计的。虽然也可以在计算机上本地查看生成的.htm文件，但是Web浏览器和Flash具有安全限制，无法访问存储在计算机硬盘上的文件。

如果由于内存安全限制，ptgui查看器无法显示全景图，它将显示设置安全异常的说明。在某些浏览器中，本地javascript也受到限制，这可能导致文件驻留在计算机上时根本不显示查看器。一旦全景图上传到网站上，这些限制就没有了。