查看器预设

不同的网页具有不同的需求。有时，您希望在网页中提供一个链接，以便在单独的浏览器窗口中打开 HTML5 查看器。在其他情况下，可能需要直接在承载页面中嵌入 HTML5 查看器。对于后一种情况，网页可能具有静态的布局。或者，网页也可能是“响应式的”，将针对不同的设备或浏览器窗口大小显示不同的内容。要满足这些需求，Scene7 附带的 HTML5 查看器可以支持静态网页和响应式设计网页。

有关如何在网页上嵌入响应式查看器的详细信息，请参阅 Scene7 图像服务 API 帮助 中的 响应式静态图像库 。

管理员可以创建和自定义以下类型的查看器预设：

eCatalog 查看器

模拟阅读印刷目录的体验。您可以从一个页面转到另一个页面，在页面上放大和缩小物品，并使用图像映射在页面上查看有关物品的更多信息。还可以包括“信息面板”，在映射区域具有有效的 rollover_key 属性时显示详细信息和图像映射的物品。要包括“信息面板”，请在“eCatalog 查看器预设”窗口的“信息面板设置”面板中指定“信息服务器 URL”。

样本集查看器

以不同的颜色、材质、纹理、光泽或构造显示图像。用户单击一个缩略图即可查看图像的变动。

混合媒体集查看器

在一个查看器中显示不同类型的媒体。您可以包括样本集、旋转集、图像和视频。您可以设置各个选项卡，以包含不同类型的内容，例如，一个选项卡用于图像集、一个选项卡用于视频。从混合媒体集播放的视频使用具有时间线和视频控件（如停止、暂停、回放和播放）的标准视频查看器。您设置混合媒体集查看器预设时，指定要将哪些查看器用于“混合媒体集”中的不同类型的资源。您还可以使用“网格查看器”或“轮盘式查看器”来查看混合媒体集。

旋转集查看器

提供图像的多个视图，使用户可以转动物品来查看不同的侧面和角度。

视频查看器

使用源文件的分辨率尺寸或自定义大小显示视频。Scene7 自带很多用于播放视频的预定义查看器预设；如果您是管理员，则可以创建自定义视频查看器预设。有十几种不同的设置可用于配置“视频查看器”。您可以配置其大小、前景和背景颜色、视频和音频控件、进度条、用户界面外观、社交功能和“帮助”。

视频剪辑查看器

为创建视频剪辑，提供示例音频、背景、边框、题注、效果、图形、过渡和视频。在“视频剪辑”屏幕中的“示例 eVideo 内容”面板中显示该内容。

缩放查看器

提供三种类型的缩放查看器选项：

缩放查看器

允许用户通过单击放大区域。用户可以单击控件来放大、缩小图像、并将图像重置为其默认大小。

缩放查看器: 弹出

在原始图像旁边显示缩放区域的第二个图像。没有控件可以使用，用户只需将选取范围移动到他们要查看的区域上即可。

在确定此查看器的完整带宽使用量时，请考虑在查看器中有主图像和弹出图像。主图像大小（舞台宽度和高度）和缩放系数决定了弹出图像大小。为防止弹出文件大小变得太大，需对这两个值进行平衡：如果您的主图像大小很大，请降低缩放系数值。（弹出宽度和弹出高度决定了弹出窗口的大小，但不决定提供给查看器的弹出图像的大小。）

例如，如果您的主图像大小是 350 X 350 像素，缩放系数为 3，则生成的弹出图像是 1050 X 1050 像素。如果您的主图像大小是 300 X 300 像素，缩放系数为 4，则弹出图像是 1200 X 1200 像素。根据 JPEG 品质设置（推荐的设置介于 80-90），您可以显著地减少文件大小。建议的缩放系数为 2.5 至 4，取决于您的主图像的大小。

下表列出了目前可用的 Scene7 查看器预设。该表还指定了查看器与桌面和移动设备的兼容性，以及对每个指定查看器使用的技术。

另请参阅 Scene7 查看引用库示例 。

有关查看器支持的 Web 浏览器和操作系统版本的信息，您可以查阅查看器发行说明。

请参阅 Scene7 查查看器引用发行说明 。

下表标识 iOS、Android 2.x 和 Android 3.x 设备上支持的移动查看器手势。

在“查看器预设”屏幕上创建和管理“查看器预设”。要打开此屏幕，请单击“ 设置 ”>“ 查看器预设 ”。

“查看器预设”屏幕提供了用于执行以下任务的工具：

添加预设

单击“ 添加 ”并在“添加查看器预设”对话框中进行选择。

请参阅 添加和编辑查看器预设 。

编辑预设

选择一个预设，然后单击“ 编辑 ”。

请参阅 添加和编辑查看器预设 。

删除预设

选择一个预设，然后单击“ 删除 ”。

为预设添加本地化支持

在“发布设置”下将区域设置映射字符串值添加到图像服务器中，然后编辑 Flash AS3 查看器预设，并添加本地化工具提示文本。

请参阅 为 Flash AS3 查看器预设添加本地化支持 。

导出预设

选择 HTML5 或 Flash AS3 查看器预设，然后单击“导出”以下载查看器外观，以此为基础来创建和添加新查看器预设。

请参阅 导出 HTML5 或 Flash AS3 查看器预设 。

过滤查看器预设列表

使用以下工具来过滤列表：

• 打开“ 活动/非活动 ”下拉列表并选择一个选项，以显示活动预设、非活动预设或所有预设。

• 打开“ 平台 ”下拉列表并选择仅显示适用于 Flash AS3 平台的查看器。

• 打开“ 查看器 ”下拉列表并选择一个选项，以仅查看特定类型的查看器。选择“ 所有查看器 ”以查看所有查看器。

排序预设

单击列标题（活动、通用、类型、预设或平台）可按列排序列表。再一次单击列标题可按降序（或升序）排序列表。

请参阅 关于通用查看器 。

激活和停用预设

选择一个预设，然后单击其“活动”选项以激活或停用它。

请参阅 激活或停用查看器预设 。

单击“查看器预设”屏幕右侧的“预览”，以查看资源在您所选择的“查看器预设”中的显示效果。要查看不同的资源，您可以单击“查看器预设”屏幕中的“浏览”，并在“选择资源预览”对话框中选择不同的资源。

除使用用户界面中的“添加”来添加查看器预设以外，还可以使用“导出”来添加查看器预设。您只需导出 Flash AS3 或 HTML5 的现有查看器预设，然后将其作为新预设的基础。

请参阅 导出 HTML5 或 Flash AS3 查看器预设 。

添加和编辑查看器预设

1. 在 Scene7 Publishing System 的右上角附近，单击“ 设置 ”>“ 查看器预设 ”。

   您可以过滤预设列表。例如，要仅查看视频查看器的预设，请从表正上方的工具栏上的“查看器”下拉列表中选择“视频查看器”。

2. 在“查看器预设”屏幕中，添加或编辑查看器预设。

   添加

   单击工具栏上的“ 添加 ”。在“添加查看器预设”对话框中，选择一个平台，然后选择一种富媒体资源类型。

   在您创建完“查看器预设”时，单击“ 另存为 ”。

   从现有的“查看器预设”开始添加

   在表中，选择一个视频查看器预设，然后单击工具栏上的“ 编辑 ”。

   在重新配置“视频查看器”后，在“预设名称”文本字段中单击“ 另存为 ”以使用不同的名称保存预设。

   编辑

   选择一个现有的查看器预设，然后单击“ 编辑 ”。

3. 在“配置查看器”屏幕的“预设名称”字段中，输入或编辑预设名称。

4. 设置其余所需的选项。

   注： 选择“与源相同”，可将“视频查看器”自动调整为编码视频自身的分辨率大小。如果选择该选项，则不能输入“舞台宽度”和“舞台高度”。相反，这些选项来自视频自身。如果您选择“与源相同”，请设置“边距大小”选项，以反映视频播放区域外部的外观尺寸。该边距大小是视频控件的像素高度和宽度。您可以借助以下图示来帮助您确定要使用的边距大小。

   查看完全大小图形

   舞台高度和宽度，以及视频查看器的边距高度和宽度。

5. 执行以下任一操作：

   • 如果通过现有的预设添加查看器预设，请单击“ 另存为 ”。

   • 如果添加或编辑了查看器预设，请单击“ 保存 ”。

可以向 Flash AS3 查看器添加本地化工具提示文本。

要实现该功能，请首先在图像服务器上定义区域设置映射字符串。然后，编辑 Flash AS3 查看器预设的工具提示文本。

请参阅 设置资源本地化时的注意事项 。

请注意，Scene7 Publishing System 不包含用于东方语言（如日语、中文或朝鲜语）的字体。此类语言通常需要 UTF-8 或其他字符集。因此，要将这些语言用于工具提示文本，可以从该区域设置登录到 Scene7，然后键入所需的工具提示值。或者，使用 UTF-8 格式的工具提示文本；即，从运行所需东方语言的文字处理程序中剪切并粘贴文本。

除了通过以下步骤在查看器中使用本地化工具提示之外，还有备选的方法可供使用。在查看器 SDK 中您可以直接将本地化工具提示甚至本地化图形添加到查看器中。有关说明，请参阅《适用于 Adobe Flash 的 Adobe Scene7 Viewer SDK》PDF 指南的“本地化”一章，该指南作为 Adobe Scene7 Viewer SDK 的一部分，可从 Adobe Developer Connection 下载。

您可以导出现有的 HTML5 或 Flash AS3 查看器预设，并以此为基础来创建新的 HTML5 或 Flash AS3 查看器预设。该导出选项很有用，因为您不必从头开始创建查看器。相反，您会导出外观和行为与所需预设接近的预设，然后以此为基础开始进行设计调整。

如果要导出 HTML5 查看器预设，请确保安装了 HTML5 Viewer SDK，以便编辑导出的 CSS 和相关的 Javascript。同样，如果要导出 Flash AS3 查看器预设，请确保在 Adobe Flash Professional 上安装了 Flash Viewer SDK，以便编辑导出的 FLA 文件。

请参阅 开发人员资源 。

导出 HTML5 或 Flash AS3 查看器预设

1. 单击“ 设置 ”>“ 查看器预设 ”。

2. 在“查看器预设”工具栏上，在左侧的第二个下拉列表中，选择“ HTML5 ”或“ Flash AS3 ”。

3. 在左边的第三个下拉列表中，选择“ 所有查看器 ”。

4. 选择要作为新 HTML5 或 Flash AS3 查看器预设基础的查看器预设。

5. 在工具栏中，单击“ 导出 ”。

6. 在“导出所选资源”对话框中，单击“ 提交导出 ”。

   导出后，如果您导出的是 Flash AS3 查看器，会得到压缩的 FLA 文件。或者，如果您导出的是 HTML5 查看器，会得到 CSS 文件。下载并解压缩此文件。

7. 根据导出的查看器预设，执行以下操作之一：

   • 在 Adobe Flash Professional 中打开 FLA 文件并进行更改。确保在您编辑文件之前，安装了 Scene7 Viewer Flash SDK。

     将 FLA 文件导出为影片，并保存生成的 SWF 文件。

   • 在 CSS 编辑器中打开 CSS 文件，进行更改，然后保存该文件。

8. 将 SWF 文件或 CSS 文件上载到 Scene7 Publishing System。

   请参阅 上载文件 。

9. 将 SWF 文件或 CSS 文件发布到 Scene7 图像服务器。

   请参阅 发布文件 。

10. 照常添加新的查看器预设。根据您导出的查看器，选择您上载的查看器 SWF 或查看器 CSS 文件。

    请参阅 添加和编辑查看器预设 。

要创建用于显示资源的 URL，用户需要在“预览”对话框中打开“预设”下拉列表，选择“查看器预设”，然后单击“复制 URL”（请参阅 复制查看器预设的 URL ）。此“预设”列表提供了管理员在“查看器预设”屏幕上添加和管理的“查看器预设”。例如，在用户预览 eCatalog 时，所有活动的 eCatalog 查看器预设都显示在“预览”对话框的“预设”下拉列表上。

除非您在“查看器预设”屏幕上停用查看器预设，否则“预览”对话框的“预设”下拉列表可能变得内容越来越多。

激活或停用查看器预设

1. 选择“设置”>“查看器预设”以打开“查看器预设”屏幕。

2. 选择或取消选择“活动”选项以激活或停用“查看器预设”。

发布资源后，您可以复制以查看器预设的设置显示资源的 URL。

URL 即复制到剪贴板中。您可以根据需要在网页的 HTML 代码、移动设备或应用程序中使用它。

复制查看器预设的 URL

1. 在“浏览”面板中选择资源。

2. 在“资源浏览”面板上方的工具栏右侧，执行以下任一操作：

   • 单击“ 网格视图 ”。在“资源浏览”面板中，双击单个资源以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中，单击所需查看器右侧的“ 复制 URL ”。

   • 单击“ 网格视图 ”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像下方单击“ 预览 ”>“ 查看器列表 ”。

     在“查看器列表”页面中表的“操作”列下，单击“ 复制 URL ”。

   • 单击“ 列表视图 ”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像右侧单击“ 预览 ”>“ 查看器列表 ”。

     在“查看器列表”页面中表的“操作”列下，单击“ 复制 URL ”。

   • 单击“ 网格视图 ”、“ 列表视图 ”或“ 详细信息视图 ”。在同一工具栏上，单击“ 预览 ”>“ 查看器列表 ”。

     在“查看器列表”页面中表的“操作”列下，单击“ 复制 URL ”。

使用嵌入代码功能，您可以查看用于所选查看器预设的查看器代码。您也可以将代码复制到剪贴板中，以便可以将其粘贴到网页中以部署查看器。

在“嵌入代码”对话框中不允许编辑代码。

复制查看器预设的嵌入代码

1. 在“资源浏览”面板中选择资源。

2. 在“资源浏览”面板上方的工具栏右侧，执行以下任一操作：

   • 单击“ 网格视图 ”。在“资源浏览”面板中，双击单个资源以便在详细信息视图中将其打开。在右侧的“URL”面板中，单击“ 嵌入代码 ”。

   • 单击“ 网格视图 ”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像下方单击“ 预览 ”>“ 查看器列表 ”。

     在“查看器列表”页面中表的“操作”列下，单击“ 嵌入代码 ”。

   • 单击“ 列表视图 ”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像右侧单击“ 预览 ”>“ 查看器列表 ”。

     在“查看器列表”页面中表的“操作”列下，单击“ 嵌入代码 ”。

   • 单击“ 网格视图 ”、“ 列表视图 ”或“ 详细信息视图 ”。在同一工具栏上，单击“ 预览 ”>“ 查看器列表 ”。

     在“查看器列表”页面中表的“操作”列下，单击“ 嵌入代码 ”。

3. 在“嵌入代码”对话框中，单击“ 复制到剪贴板 ”。

4. 单击“ 关闭 ”。

请参阅 最佳做法：使用 HTML5 视频查看器 。

另请参阅 Scene7 查看器预设兼容性表格 。

您可以使用“通用查看器”从单个 URL 将视频和图像发布到多个屏幕，例如台式机、智能手机和平板电脑。

过去，因为不同的平台支持诸如 Flash 或 HTML5 这样的不同技术，所以您必须创建自己的查看器。然后，必须编写自己的设备检测，才能在不同的体验之间切换。总之，整个过程需要更多的开发工作，并且需要维护多个 URL。

设置“通用查看器”时，Scene7 会为您提供单个通用 URL，您可以将其部署和集成到网站、移动站点和移动应用程序。另外，Scene7 Publishing System 会自动进行设备检测，并且通过正确的查看器向正确的设备为您的客户提供正确的内容。

通用查看器的实际设置在“应用程序设置”下完成。您可以设置的查看器类型包括“缩放”、“图像集”、“样本集”、“旋转”、“eCatalog”和“视频”。

您也可以使用现有的通用查看器预设，作为创建自己命名的通用查看器配置文件的基础。例如，您可以决定出于本地化目的、针对同一公司内的不同业务单位、针对产品类别或针对每个季节（例如，春季 eCatalog 通用查看器和夏季 eCatalog 通用查看器）创建同一类型的不同查看器。

对于每个查看器类型，例如缩放，会显示其目标平台和关联的查看器，例如基于 HTML 的查看器或基于 Flash 技术的查看器。对于每个不同的目标平台，拖放要用于诸如智能手机、平板电脑或桌面等特定设备的查看器。

对于手持智能手机，支持 Android 和 Apple 智能手机。对于平板电脑，支持 Android 和 Apple 平板电脑。对于桌面，支持 Flash Player。

要以后编辑“通用查看器”的设置，请确保将某个作业发布到 Scene7 图像服务器，以使您的变更生效。

另请参阅 Scene7 查看器库示例 。