将Dynamic Media Assets添加到页面 adding-dynamic-media-assets-to-pages

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：
组件

创建对象：

用户

CAUTION

AEM 6.4已结束扩展支持，本文档将不再更新。有关更多详细信息，请参阅技术支助期. 查找支持的版本此处.

要将Dynamic Media功能添加到您在网站上使用的资产中，您可以将 Dynamic Media 或 交互式媒体 组件。为此，可进入布局模式并启用Dynamic Media组件。然后，您可以将这些组件添加到页面，并将资产添加到该组件。 Dynamic Media和交互式媒体组件是智能的 — 它们知道您添加的是图像还是视频，可用选项会相应地发生更改。

如果您使用AEM作为WCM，则可以直接将Dynamic Media资产添加到页面。如果您为 WCM 使用第三方，请链接或嵌入资产。有关响应式第三方网站，请参阅将优化的图像交付到响应式网站。

NOTE

您必须先发布资产，然后才能将资产添加到AEM中的页面。请参阅发布Dynamic Media Assets.

将Dynamic Media组件添加到页面 adding-a-dynamic-media-component-to-a-page

向页面添加Dynamic Media组件与向任何页面添加组件相同。以下各节详细介绍了Dynamic Media组件。

NOTE

如果网页上有一个Dynamic Media组件由具有只读权限的用户访问，则该页面会损坏，并且这些组件无法正确呈现。原因是重构了页面，以确保组件的属性良好，并且任何引用的资产和配置都可以访问。然后，页面会再次呈现，导致组件中断；由于用户的只读访问权限，无法重新呈现页面上的相应组件代码。

要避免出现此问题，请确保AEM Sites用户拥有访问资产的必要权限。

在AEM中，打开要添加Dynamic Media组件的页面。
在页面左侧的面板（您可能需要切换侧面板的显示）中，单击组件图标。
在组件标题，在下拉列表中，选择 Dynamic Media. 如果没有可用的Dynamic Media组件列表，您可能需要启用要使用的Dynamic Media组件。请参阅启用Dynamic Media组件.
将您要使用的Dynamic Media组件拖动到页面上所需位置。
将鼠标指针直接悬停在组件上。当组件被蓝色框包围时，点按一次以显示组件的工具栏。点按配置（扳手）图标。
编辑组件根据需要，单击复选标记以保存更改。

启用Dynamic Media组件 enabling-dynamic-media-components

如果没有可添加到页面的Dynamic Media组件，则可能意味着您需要首先启用要使用的组件。

在AEM中，打开要添加Dynamic Media组件的页面。
在工具栏左侧，点按页面顶部附近的页面信息图标，然后点按 编辑模板 从下拉列表中。
在页面顶部附近工具栏右侧的下拉列表中，点按结构.
在页面底部附近，点按 布局容器 要打开其工具栏，请点按策略图标。
在 布局容器 页面下属性标题，确保 允许的组件 选项卡。
滚动直到您看到 Dynamic Media.
点按左侧的>图标 Dynamic Media 要展开列表，请选择要启用的Dynamic Media组件。
在 布局容器 ，点按完成（复选标记）图标。
在页面顶部附近工具栏右侧的下拉列表中，点按 初始内容，则将Dynamic Media组件添加到页面和往常一样。

本地化Dynamic Media组件 localizing-dynamic-media-components

您可以通过以下两种方式之一将Dynamic Media组件本地化：

在“站点”的网页中，打开“属性 ”，然后选择“ 高级 ”选项卡。选择所需的本地化语言。

从站点选择器中，选择所需的页面或页面群组。点按属性，然后选择高级选项卡。选择所需的本地化语言。

note note
NOTE
请注意，并非所有语言都在语言菜单当前已分配令牌。

Dynamic Media组件 dynamic-media-components

Dynamic Media和交互式媒体可在 Dynamic Media 选项卡组件. 您使用交互式媒体组件。对于所有其他Dynamic Media组件，请使用Dynamic Media组件。

NOTE

默认情况下，这些组件不可用，在使用之前需要通过模板编辑器来提供。在它们可用后在模板编辑器中，您可以像向任何其他AEM组件添加组件一样，将组件添加到页面。

chlimage_1-539

Dynamic Media组件 dynamic-media-component

Dynamic Media组件是智能的 — 根据您添加的是图像还是视频，您有各种不同的选项。该组件支持图像预设、基于图像的查看器（如图像集、旋转集、混合媒体集和视频）。此外，查看器是响应式的。也就是说，屏幕的大小会根据屏幕大小自动更改。所有查看器均为HTML5查看器。

NOTE

如果具有只读权限的用户访问的网页上存在Dynamic Media组件、交互式媒体组件，或两者都存在，则会出现分页，并且这些组件无法正确呈现。原因是重构了页面，以确保组件的属性良好，并且任何引用的资产和配置都可以访问。然后，页面会再次呈现，导致组件中断；由于用户的只读访问权限，无法重新呈现页面上的相应组件代码。

要避免出现此问题，请确保AEM Sites用户拥有访问资产的必要权限。

NOTE

添加Dynamic Media组件时，以及 Dynamic Media设置 为空，或者您无法正确添加资产，请勾选以下内容：

您拥有启用Dynamic Media. Dynamic Media默认处于禁用状态。
该图像具有金字塔TIFF文件。在启用Dynamic Media之前导入的图像没有金字塔tiff文件。

使用图像时 when-working-with-images

通过Dynamic Media组件，您可以添加动态图像，包括图像集、旋转集和混合媒体集。您可以放大、缩小，如果适用，可以在旋转集中旋转图像或从其他类型的集合中选择图像。

您还可以直接在组件中配置查看器预设、图像预设或图像格式。要使图像具有响应性，您可以设置断点或应用响应式图像预设。

您必须通过单击编辑图标，然后 Dynamic Media设置.

dm-settings-image-preset

NOTE

默认情况下，Dynamic media图像组件是自适应的。如果要使其变为固定大小，请在高级选项卡宽度和高度设置。

查看器预设
从下拉菜单中选择现有的查看器预设。如果您要查找的查看器预设不可见，则可能需要使其可见。请参阅管理查看器预设。如果您使用的是图像预设，则无法选择查看器预设，反之亦然。
如果您查看的是图像集、旋转集或混合媒体集，则这是唯一可用的选项。显示的查看器预设也是智能的 — 仅显示相关的查看器预设。
查看器修饰符
查看器修饰符采用名称=值对和分隔符的形式，允许您按照《查看器参考指南》中所述更改查看器。查看器修饰符的示例为后景图像=img.jpg&caption=text.vtt，1，该示例为视频缩略图设置不同的图像，并将隐藏式字幕/子标题文件与视频关联。
图像预设
从下拉菜单中选择现有的图像预设。如果您要查找的图像预设不可见，则可能需要使其可见。请参阅管理图像预设。如果您使用的是图像预设，则无法选择查看器预设，反之亦然。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
图像修饰符
您可以通过提供其他图像命令来应用图像效果。这些内容在图像预设和图像提供命令参考中有介绍。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
断点
如果您在响应式网站上使用此资产，则需要添加图像断点。图像断点之间需要用逗号(,)分隔。当图像预设中未定义高度或宽度时，此选项有效。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
您可以通过单击编辑中。
标题
更改图像的标题。
替换文本
为已关闭图形的用户在图像中添加标题。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
URL，在中打开
您可以设置资产以打开链接。设置URL，然后在打开方式中指示您希望在同一窗口还是新窗口中将其打开。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
宽度和高度
如果希望图像具有固定大小，请输入值（以像素为单位）。将这些值留空会使资产具有自适应性。

使用视频时 when-working-with-video

使用Dynamic Media组件将动态视频添加到您的网页。编辑组件时，您可以选择使用预定义的视频查看器预设来在页面上播放视频。

chlimage_1-540

您必须通过单击编辑中。

NOTE

默认情况下，Dynamic Media视频组件是自适应的。如果要使其变为固定大小，请在组件中使用宽度和高度在高级选项卡。

查看器预设
从下拉菜单中选择现有的视频查看器预设。如果您要查找的查看器预设不可见，则可能需要使其可见。请参阅管理查看器预设。
查看器修饰符
查看器修饰符采用名称=值对和分隔符的形式，允许您按照《Adobe查看器参考指南》中所述更改查看器。查看器修饰符的示例为后验图像=img.jpg&caption=text.vtt，1

例如，通过查看器修饰符，您可以执行以下操作：
- 将字幕文件与视频关联标题。
- 将导航文件与视频关联导航。

您可以编辑以下内容高级设置单击编辑中。

标题
更改视频的标题。
宽度和高度
如果您希望视频具有固定大小，请输入值（以像素为单位）。将这些值留空会使其具有自适应性。

使用智能裁剪时 when-working-with-smart-crop

使用Dynamic Media组件将智能裁剪图像资产添加到您的网页。编辑组件时，您可以选择使用预定义的视频查看器预设来在页面上播放视频。

另请参阅图像配置文件.

dm-settings-smart-crop

您可以编辑以下内容 Dynamic Media设置单击编辑中。

NOTE

默认情况下，Dynamic media图像组件是自适应的。如果要使其变为固定大小，请在“高级”选项卡的组件中设置它，并使用“宽度”和“高度” 。

图像修饰符
您可以通过提供其他图像命令来应用图像效果。这些内容在图像预设和图像提供命令参考中有介绍。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。

您可以编辑以下内容高级单击编辑中。

标题
更改智能裁剪图像的标题。
替换文本
为关闭了图形的用户添加智能裁剪图像的标题。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
URL，在中打开
您可以设置资产以打开链接。设置URL，然后在打开方式中指示您希望在同一窗口还是新窗口中将其打开。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
高度和宽度
如果您希望智能裁剪图像具有固定大小，请输入值（以像素为单位）。将这些值留空会使其具有自适应性。