管理查看器预设 managing-viewer-presets
查看器预设是设置集合,用于确定用户在其计算机屏幕和移动设备上查看富媒体资产的方式。 如果您是管理员,则可以创建查看器预设。 设置可用于一系列查看器配置选项。 例如,您可以更改查看器的显示大小或缩放行为。
有关创建和自定义自己的HTML5查看器预设的说明,请参阅AdobeDynamic Media HTML5查看器SDK API文档。 SDK可在嵌入到SDK本身的IS发布服务器上使用。 每个库版本均包含其自身的SDK文档。
路径: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html
。
例如,3.10 SDK: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html
另请参阅AdobeDynamic Media查看器参考指南。
本节介绍如何创建、编辑和管理查看器预设。 您可以随时将查看器预设应用于资产,以进行预览。 请参阅应用查看器预设。
查看器的键盘辅助功能 keyboard-accessibility-for-viewers
所有开箱即用的查看器都支持键盘辅助功能。
另请参阅键盘辅助功能和导航。
管理查看器预设 managing-viewer-presets-1
您可以通过点按 工具 (锤子图标) > Assets > 查看器预设,在Adobe Experience Manager中添加、编辑、删除、发布、取消发布和预览查看器预设。
查看器对响应式设计网页的支持 viewer-support-for-responsive-designed-web-pages
不同的网页具有不同的需求。 例如,有时您需要一个网页,该网页会提供一个链接,在单独的浏览器窗口中打开HTML5查看器。 在其他情况下,可能需要直接将HTML5查看器嵌入到托管页面上。 在后一种情况下,网页可能具有静态布局。 或者,它可能会是“响应式”的,并且在不同设备或不同浏览器窗口大小上显示的内容会有所不同。 为了满足这些需求,Dynamic Media附带的所有预定义、开箱即用的HTML5查看器都支持静态网页和响应式设计网页。
有关如何将响应式查看器嵌入网页的更多信息,请参阅响应式图像库。
请参阅[发布查看器预设]。(#publishing-viewer-presets)
查看器预设系统兼容性 viewer-preset-system-compatibility
Dynamic Media随附的所有现成查看器预设与以下系统完全兼容:
- 台式机
- Apple iPhone
- Apple iPad
- Android™智能手机
- Android™平板电脑
- 对于视频,为BlackBerry®和Windows Phone提供了对MP4播放的额外支持。
查看器预设的富媒体类型 rich-media-types-for-viewer-presets
在创建查看器预设时,管理员可以添加和自定义以下富媒体类型。
现成查看器预设列表 list-of-out-of-the-box-viewer-presets
下表标识了Dynamic Media随附的所有预定义的现成查看器预设。
另请参阅实时演示。
有关查看器支持的Web浏览器和操作系统版本的信息,您可以查看查看器发行说明。
请参阅查看器参考指南目录中的“查看器发行说明”。
支持的移动查看器手势矩阵 supported-mobile-viewers-gestures-matrix
下表标识了iOS、Android™ 2.x和Android™ 3.x设备支持的移动设备查看器手势。
增加显示的查看器预设数 increasing-the-number-of-viewer-presets-that-display
从 详细信息视图 > 查看器 查看资源时,Experience Manager显示各种查看器预设。 您可以增加或减少显示的查看器数量。
增加显示的查看器预设数:
-
导航到CRXDE Lite(https://localhost:4502/crx/de)。
-
导航到位于以下位置的查看器预设列表节点:
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist
-
在 limit 属性中,将默认设 置为15的Value(值)更改为所需的数字。
-
导航到
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource
上的查看器预设数据源 -
在limit属性中,将数字更改为所需的数字,例如
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
-
选择 全部保存。
创建查看器预设 creating-a-new-viewer-preset
通过创建查看器预设,可应用各种设置以查看资产并与之交互。 但是,您无需创建查看器预设。 如果您愿意,可以使用AEM Assets中已提供的默认开箱即用查看器预设。
如果选择创建查看器预设,则在保存查看器预设后,查看器状态会自动激活(设置为 开启)。 此状态表示在Dynamic Media组件和Interactive Media组件中以及预览图像或视频时,该状态均可见。
某些查看器预设具有独占设置,这些设置可能会影响查看器的使用和整体行为。 根据您创建的查看器预设,您可能需要了解这些特殊注意事项。
创建查看器预设:
-
在Experience Manager的左上角,选择Experience Manager徽标,然后在左边栏中选择 工具 (锤子图标)> Assets > 查看器预设。
-
在“查看器预设”页面的工具栏上,选择 创建。
-
在 新建查看器预设 对话框的 预设名称 字段中,输入新预设的名称。 请仔细选择名称 — 在您选择 创建 后,这些名称将不可编辑。
稍后在这些步骤中保存预设时,该名称会显示在查看器预设页面的“预设标题”列标题下。
-
在“富媒体类型”下拉菜单中,选择要创建的查看器预设的类型,然后在页面的右上角选择 创建。
查看查看器预设的富媒体类型。
-
在“查看器预设编辑器”页面上,选择 外观 选项卡。
-
执行下列操作之一:
-
在 选定类型 下拉菜单中,选择要自定义其可视设计的组件。 或者,您可以选择查看器中的任何可视元素,以选择进行配置。
通过可视编辑器,可查看特定属性对样式有何影响。 设置或调整任何属性,使用编辑器左侧的示例即时查看它对查看器有何影响。
查看器参考指南的“自定义
<viewer name>
查看器”帮助主题中介绍了每种类型的查看器预设的CSS样式属性。 例如,如果要创建Mixed_Media
类型的查看器预设,请参阅自定义混合媒体查看器,以了解每个属性的列表和说明。 -
如果您在单独的CSS文件中定义了样式设置,则可以将CSS文件上传到AEM Assets。 在 选定类型 下拉菜单下选择 导入CSS(如有必要,向上滚动可视编辑器以查看它),以便您可以查找上传的CSS文件并将其与查看器预设关联。
导入CSS文件时,可视编辑器将检查CSS是否使用正确的查看器标记。 例如,如果要创建缩放查看器,则导入的所有CSS规则必须使用其在父查看器元素上定义的查看器类名称
.s7mixedmediaviewer
来定义。您可以导入任意的手工制作CSS,只要它正确定义给定查看器的CSS标记即可。 (CSS标记在查看器参考指南的任何“自定义 <查看器名称> 查看器”帮助主题中都有说明。 例如,如果要阅读有关缩放查看器的CSS标记,请参阅自定义缩放查看器。 但是,可视编辑器可能并不了解某些CSS值。 在这种情况下,可视编辑器会尝试覆盖错误,以便CSS仍然可用。
note note NOTE 如果您希望直接在其原始表单中编辑CSS,请选择“选定类型”下拉菜单下的 显示/隐藏CSS(如有必要,向上滚动可视编辑器以查看它)。
与可视编辑器一样,直接在CSS中更改属性时,您会立即看到该属性对查看器示例有何影响。 并且,该属性会在可视编辑器中同时自动更新。 因此,您可以使用原始CSS编辑器或可视编辑器,也可以交替使用两者。note note NOTE 对于按钮图稿,请选择2x图像并上传高分辨率图稿。 使用交互式图像和购物横幅时,您还可以从各种现成的热点按钮中进行选择。 -
-
(可选)在“编辑查看器预设”页面顶部附近,选择 Desktop、Tablet 或 Phone,为不同的设备和屏幕类型唯一定义可视样式。
-
在“查看器预设编辑器”页面上,选择 行为 选项卡。 或者,您可以选择查看器中的任何可视元素,以选择进行配置。
例如,对于 VideoPlayer 类型,在 修饰符 > 播放 下,您可以从三个自适应比特率流选项中选择一个:-
短划线 — 视频流仅显示为短划线。 但是,在Safari/iOS设备上,您必须选择 hls 作为类型。
-
hls — 视频流仅作为hls。
-
auto — 最佳实践。 DASH和HLS流的创建已优化存储。 因此,Adobe建议您始终选择 auto 作为播放类型。 视频流采用短划线、HLS或渐进式格式,如以下播放顺序所示:
- 如果浏览器支持DASH,则首先使用DASH流。
- 如果浏览器不支持DASH,则使用HLS流,其次是。
- 如果浏览器不支持DASH或HLS,则最后使用渐进式播放。
note note NOTE 要查看和使用 短划线 选项,必须首先由您帐户上的Adobe技术支持启用。 请参阅在您的帐户上启用DASH。 -
-
从 选定类型 下拉菜单中,选择要更改其行为的组件。
可视编辑器中的许多组件都有一个与之关联的详细说明。 展开组件以显示其关联参数时,这些描述会显示在蓝色框中。
有些“查看器类型”具有的组件允许您在 IS 命令 文本字段中指定“图像提供”命令。有关可使用的命令列表,请参阅图像提供 API 参考。
note note NOTE 如果您使用的是触摸设备,如手机或平板电脑…… 在文本字段中键入值后,选择用户界面中的其他位置以提交更改并关闭虚拟键盘。 如果选择Enter,则不执行任何操作。 -
在页面的右上角附近,选择 保存。
-
Publish您的新查看器预设,以便您可以在网站上使用它。
请参阅发布查看器预设。
note important IMPORTANT 对于使用自适应比特率流配置文件的旧视频,URL将继续正常播放(使用HLS流播放),直到您重新处理视频资产。 重新处理之后,同一URL可继续工作,但现在 同时启用了 DASH和HLS流。
创建交互式查看器预设的特殊注意事项 special-considerations-for-creating-an-interactive-viewer-preset
关于面板中图像缩略图的显示模式
创建或编辑交互式视频查看器预设时,可以选择在 行为 选项卡下的 选定的组件 菜单中选择InteractiveSwatches
时要使用的显示模式设置。 您选择的显示模式会影响视频播放时缩略图的显示方式和显示时间。 您可以选择segment
显示模式(默认)或continuous
显示模式。
关于交互式视频查看器中的自动滚动行为
在交互式视频查看器中,缩略图的自动滚动行为独立于您选择的显示模式。
创建或编辑交互式视频查看器预设时,您可以从“行为”选项卡访问“自动滚动”。在“行为”选项卡中,从 选定的组件 下拉菜单中选择 InteractiveSwatches。 “自动滚动”复选框列在“IS 命令”文本字段的下方。
如果在查看器预设中禁用 自动滚动(清除复选框),则在用户播放视频时,该面板仅显示整个视频长度的第一个缩略图。但是,如果需要,用户可以使用向上和向下箭头图标手动滚动缩略图。
在查看器预设中启用(选择)自动滚动 后,在视频播放过程中,分配给视频区段的缩略图图像会在区段开始时滚动到视图中。但是,在某些情况下,区段内某些缩略图的显示时间是其之前或之后缩略图显示时间的两倍。发生此行为的原因是区段中缩略图的数量大于面板中可见缩略图的数量,且不可平均分割。
举例说明,假设您有一个30秒的视频段。 而且,在30秒内总共会显示九个缩略图。 浏览器的大小调整方式应使显示面板中有四个可见的缩略图位置。 将30秒的视频时间段划分为3个子段。 下表显示了给定时间子区段显示哪些缩略图的细分:
视频子区段3的扩展范围不超过为其分配的缩略图。 另请注意,缩略图4、6和7在面板中的可见时间是其他缩略图的两倍。
查看器用于根据可用位置数确定在面板中显示缩略图的逻辑如下:
-
子区段数=向上舍入到下一个子区段(缩略图数/缩略图面板中的可见插槽数,基于浏览器窗口大小)。
根据上表中的示例, 9缩略图/ 4个插槽= 2.25;查看器逻辑将其四舍五入到三个子区段。 -
缩略图数=舍入到下一个缩略图(缩略图数/视频子区段数)。
根据上表中的示例,9缩略图/3个视频子区段= 3个缩略图。 -
子区段的持续时间=视频总持续时间/视频子区段数。
使用上表中的示例,30秒/3个视频子区段=每个视频子区段显示10秒。
创建轮播横幅查看器预设的特殊注意事项 special-considerations-for-creating-a-carousel-banner-viewer-preset
在创建Carousel Banner查看器预设时,可以按如下方式访问更改热点的样式:
激活或取消激活查看器预设 activating-or-deactivating-viewer-presets
用户界面中可用的查看器预设取决于在创作模式下活动的查看器预设。 默认情况下,查看器预设在创建后处于“开”状态。 如果关闭预设,则不会在创作模式下看到该预设。 如果发布预设,则无论是否切换该预设,都会始终发布该预设。 如果列表变得太笨重,或者您不希望查看器预设可用,则可能需要取消激活查看器预设。
要激活或取消激活查看器预设:
-
在Experience Manager的左上角,选择Experience Manager徽标,然后在左边栏中选择 工具 (锤子图标)> Assets > 查看器预设。
-
在“查看器预设”页面的 状态 列标题下,选择切换以激活或停用查看器预设。
已激活的查看器预设会在右侧显示切换开关,它位于蓝色框中;已停用的查看器预设会在左侧显示切换开关,它位于浅灰色框中。
Publish查看器预设 publishing-viewer-presets
激活(或打开)查看器预设的状态意味着查看器预设在Dynamic Media组件、交互式媒体组件中可见,并且无论何时查看资源。
但是,要 交付 包含查看器预设的资产,还必须发布查看器预设。 必须激活 和 已发布的所有查看器预设,才能获取资产的URL或嵌入代码。 请务必激活并发布Dynamic Media附带的所有现成查看器预设。 您创建和添加的自定义查看器预设将自动激活,但也必须发布。
请参阅激活或停用查看器预设。
另请参阅预览Assets。
要发布查看器预设:
- 在Experience Manager的左上角,选择Experience Manager徽标,然后在左边栏中选择 工具 (锤子图标)> Assets > 查看器预设。
- 选择一个或多个要发布的查看器预设。
- 在工具栏上,选择 Publish 图标。
排序查看器预设 sorting-viewer-presets
- 在Experience Manager的左上角,选择Experience Manager徽标,然后在左边栏中选择 工具 (锤子图标)> Assets > 查看器预设。
- 选择 预设标题、类型、已发布 或 状态 以按列标题排序。 例如,选择 类型 以按字母顺序或反向字母顺序对查看器预设类型进行排序。
编辑查看器预设 editing-viewer-presets
不支持编辑任何 预定义的现成查看器预设。 如果编辑现成的查看器预设,系统会提示您使用新名称保存该预设。
要编辑查看器预设:
-
在Experience Manager的左上角,选择Experience Manager徽标,然后在左边栏中选择 工具 (锤子图标)> Asset > 查看器预设。
-
通过选中查看器预设标题左侧的框选择预设。
-
在工具栏上,选择 编辑。
-
在 查看器预设编辑器 页面上,使用 外观 和 行为 选项卡上的选项对查看器预设进行所需的更改。
在“查看器预设编辑器”页面左上角附近的 外观 选项卡中,选择 桌面、平板电脑 或 手机 以更改资产的演示模式。
-
在页面的右上角附近,执行下列操作之一:
- 选择 保存 以保存您的更改并返回到“查看器预设”页面。
- 选择 取消 以取消所做的任何更改并返回到“查看器预设”页。
删除自定义查看器预设 deleting-custom-viewer-presets
您可以删除已创建并添加到Dynamic Media中的查看器预设。
要删除自定义查看器预设:
- 在Experience Manager的左上角,选择Experience Manager徽标,然后在左边栏中选择 工具 (锤子图标) Assets > 查看器预设。
- 在“查看器预设”页面上,检查预设标题,然后选择 垃圾桶 图标。
- 选择 删除。
将查看器预设应用于资产 applying-a-viewer-preset-to-an-asset
如果已发布资产和选定的查看器,则在选择查看器预设后 将显示 “ URL ”和“嵌入”按钮。
要将查看器预设应用于资产:
-
打开资产,在页面的左上角附近,选择下拉菜单,然后选择 查看器。
note note NOTE 如果已发布资产和选定的查看器,则在选择查看器预设后 将显示 “ URL ”和“嵌入”按钮。 -
从左窗格中选择查看器预设,以将其应用于资源。
您可以复制URL以与其他用户共享。
通过查看器预设交付资产 delivering-assets-with-viewer-presets
若要获取查看器预设的URL,请参阅将URL链接到您的Web应用程序。 另请参阅在网页上嵌入视频查看器。
如果您将Experience Manager用作WCM,则可以直接在页面上使用查看器预设添加资源。 请参阅将Dynamic Media Assets添加到页面。