将Dynamic Media经典功能添加到页面

AdobeDynamic Media经典是用于管理、增强、发布和将富媒体资产交付到Web、移动、电子邮件以及连接Internet的显示屏和印刷品的托管解决方案。

您可以在各种查看器中视图发布在Dynamic Media经典中的AEM资产：

• 缩放
• 弹出
• 视频
• 图像模板
• 图像

您可以将数字资产从AEM直接发布到Dynamic Media经典，还可以将数字资产从Dynamic Media经典发布到AEM。

本文档介绍如何将数字资产从AEM发布到Dynamic Media经典，反之亦然。 此外，还详细介绍了各种查看器。有关为Dynamic Media经典配置AEM的信息，请参阅将Dynamic Media经典与AEM集成。

另请参阅添加图像映射。

有关将视频组件与AEM一起使用的更多信息，请参阅视频。

从资产手动发布到Dynamic Media经典

您可以按如下方式将数字资产发布到Dynamic Media经典：

• 在经典用户界面中，从“资产”控制台访问
• 在资产的经典用户界面中
• 在经典用户界面中，从CQ目标文件夹外部

Dynamic Media经典组件

AEM中提供以下Dynamic Media经典组件：

• 缩放
• 弹出（缩放）
• 图像模板
• 图像
• 视频

在​Design​模式中使用组件后，您可以像任何其他AEM组件一样将组件添加到页面。 尚未发布到Dynamic Media经典的资产将发布到Dynamic Media经典(如果位于同步文件夹、页面或具有Dynamic Media经典云配置)。

Flash 查看器生命周期终止通知

自2017年1月31日起，AdobeDynamic Media经典终止了对Flash查看器平台的支持。

将Dynamic Media经典组件(Scene7)添加到页面

向页面添加Dynamic Media经典(Scene7)组件与向任何页面添加组件相同。 Dynamic Media经典组件在以下各节中有详细说明。

向页面添加Dynamic Media经典(Scene7)组件:

1. 在AEM中，打开要添加Dynamic Media经典(Scene7)组件的页面。

2. 如果没有可用的Dynamic Media经典组件，请单击​设计​模式，点按带有蓝色边框的任何组件，点按​父项​图标，然后单击​配置​图标。 在​Parsys(Design)​中，选择所有Dynamic Media经典组件以使其可用，然后单击​确定。

   

3. 单击​编辑​以返回至​编辑​模式。

4. 将组件从Sidekick中的Dynamic Media经典组拖动到页面的所需位置。

5. 单击​配置​图标以打开组件。

6. 根据需要编辑该组件，然后单击​确定​以保存更改。

7. 将图像或视频从内容浏览器拖到您添加到页面的Dynamic Media经典组件上。

   注意

   仅在触屏UI中，必须将图像或视频拖放到您放置在页面上的Dynamic Media经典组件上。 不支持选择和编辑Dynamic Media经典组件，然后选择资产。

将交互式查看体验添加到响应式站点

如果您的资产具有响应式设计，则意味着您的资产会根据其显示的位置自行进行调整。利用响应式设计，可以在多种设备上有效地显示同一资产。

另请参阅网页响应式设计。

要向响应式网站添加交互式查看体验，请执行以下操作:

1. 登录到AEM，并确保您已配置AdobeDynamic Media经典Cloud Services，且Dynamic Media经典组件可用。

   注意

   如果Dynamic Media经典组件不可用，请确保通过设计模式启用它们。

2. 在启用了​Dynamic Media经典​组件的网站中，将​图像​组件拖动到页面。

3. 选择组件，然后点按配置图标。

4. 在​Dynamic Media经典设置​选项卡中，调整断点。

   

5. 确认查看器可实现响应式大小调整，并且所有交互已针对台式机、平板电脑和移动设备进行了优化。

所有Dynamic Media经典组件的通用设置

尽管配置选项不同，但以下各项对于所有Dynamic Media经典组件是通用的：

• 文件
  引用浏览到要引用的文件。文件引用显示资产URL，但不一定是完整的Dynamic Media经典URL（包括URL命令和参数）。 不能在此字段中添加Dynamic Media经典URL命令和参数。 必须使用组件中的相应功能才能添加这些命令和参数。
• 宽
  度允许您设置宽度。
• 高
  度用于设置高度。

通过打开(多次单击)Dynamic Media经典组件（例如，打开​Zoom​组件），可以设置这些配置选项：

缩放

按​+​按钮时，HTML5缩放组件会显示一个更大的图像。

缩放工具位于资产底部。点按​+​放大。 点按​-​可减少。 点击​x​或重置缩放箭头可将图像恢复为导入时的原始大小。 点按对角箭头，使其全屏显示。 点按​编辑​以配置组件。 使用此组件，可以配置所有Dynamic Media经典组件](#settings-common-to-all-scene-components)通用的[设置。

弹出

在HTML5 弹出​组件中，资产显示为分屏；使资产保留指定大小；右侧显示缩放部分。 点按​编辑​以配置组件。 使用此组件，可以配置所有Dynamic Media经典组件](#settings-common-to-all-scene-components)通用的[设置。

图像

通过Dynamic Media经典​图像​组件，可向图像添加Dynamic Media经典功能，如Dynamic Media经典修饰符、图像预设或查看器预设，以及锐化。 Dynamic Media经典​图像​组件与AEM中具有特殊Dynamic Media经典功能的其他图像组件类似。 在此示例中，图像应用了Dynamic Media经典URL修饰符​&op_invert=1。

• 标题、替
  代文本在 ​​高级选项卡中，为图像添加标题，为关闭图形的用户添加替代文本。

• URL，打开
  位置您可以设置资产以打开链接。设置 URL，并在​打开方式​中指示是要在同一窗口中还是在新窗口中打开该 URL。

• 查看
  器预设从下拉菜单中选择现有的查看器预设。如果未显示您要查找的查看器预设，则可能需要将其显示出来。请参阅管理查看器预设。如果您正在使用图像预设，则无法选择查看器预设，反之亦然。

• Dynamic Media经
  典配置选择要用于从SPS获取活动图像预设的Dynamic Media经典配置。

• 图
  像预设从下拉菜单中选择现有的图像预设。如果未显示您要查找的图像预设，则可能需要将其显示出来。请参阅管理图像预设。如果您正在使用图像预设，则无法选择查看器预设，反之亦然。

• 输
  出格式选择图像的输出格式，例如jpeg。根据所选的输出格式，您可能会有额外的配置选项。请参阅图像预设最佳实践。

• 锐
  化选择要如何锐化图像。图像预设最佳实践和锐化最佳实践中详细介绍了锐化。

• URL修
  饰符您可以通过提供其他Dynamic Media经典图像命令来更改图像效果。相关内容在图像预设和命令参考中进行了介绍。

• 断
  点如果您的网站是响应式的，您需要调整断点。断点之间必须使用逗号 (,) 分隔。

图像模板

Dynamic Media经典图 像模板是已导入到Dynamic Media经典的分层的Photoshop内容，在经典中，内容和属性进行了参数化以实现可变性。通过​图像模板​组件，您可以在 AEM 中导入图像并对文本进行动态更改。此外，您还可以配置​图像模板​组件，以使用 Client Context 中的值，从而让每个客户获取个性化的图像体验。

点按​编辑​以配置组件。 您可以配置所有Dynamic Media经典组件](#settings-common-to-all-scene-components)通用的[设置以及本节中介绍的其他设置。

• 文件引用、宽度、高
  度查看所有Dynamic Media经典组件通用的设置。

  注意

  Dynamic Media经典URL命令和参数不能直接添加到文件引用URL。 只能在组件 UI 的​参数​面板中定义这些命令和参数。

• 标题、替代文
  本在“Dynamic Media经典图像模板”选项卡中，为图像添加标题，为关闭图形的用户添加替代文本。

• URL，打开
  位置您可以设置资产以打开链接。设置 URL，并在打开方式中指示是要在同一窗口中还是在新窗口中打开该 URL。

• 参
  数面板导入图像时，参数会预填充图像中的信息。如果没有可以动态更改的内容，则此窗口将是空的。

动态更改文本

要动态更改文本，请在字段中输入新文本，然后单击​确定。在此示例中，价格​现在为 50 美元，运费为 99 美分。

图像中的文本发生了更改。通过点按字段旁的​重置，可将文本重置回原始值。

更改文本以反映 Client Context 值

要将字段链接到Client Context值，请点按​选择​以打开Client Context菜单，选择Client Context，然后点按​确定。 在此示例中，由于已将名称与个人资料中设置的格式化名称链接在一起，因此名称会相应地发生更改。

文本反映了当前已登录用户的名称。您可以通过单击相应字段旁边的​重置，将文本重置为原始值。

使Dynamic Media经典图像模板成为链接

1. 在具有Dynamic Media经典​图像模板​组件的页面上，点按​编辑。

2. 在​URL​字段中，输入用户点击图像后转到的URL。 在​打开方式​字段中，选择您希望在新窗口中还是在同一窗口中打开目标。

   

3. 点按​确定。

视频组件

Dynamic Media经典​视频​组件(可从Sidekick的Dynamic Media经典部分获得)使用设备和带宽检测为每个屏幕提供正确的视频。 此组件是一种 HTML5 视频播放器，它是可以跨渠道使用的单一查看器。

它可用于自适应视频集、单个MP4视频或单个F4V视频。

有关视频如何与Dynamic Media经典集成结合使用的更多信息，请参阅视频。 此外，请参阅Dynamic Media经典视频组件与基础视频组件。

视频组件的已知限制

Adobe DAM 和 WCM 会显示是否上传了主视频。但它们不会显示以下代理资产：

• Dynamic Media经典编码再现
• Dynamic Media经典自适应视频集

使用带有Dynamic Media经典视频组件的自适应视频集时，您需要调整组件大小以适合视频的尺寸。

Dynamic Media经典内容浏览器

通过Dynamic Media经典内容浏览器，您可以直接在AEM中视图Dynamic Media经典中的内容。 要访问内容浏览器，请在​内容查找器​中，选择触屏优化用户界面中的​Dynamic Media经典​或经典用户界面中的​S7​图标。 这两种用户界面的功能是相同的。

如果您有多个配置，默认情况下，AEM 会显示默认配置。您可以直接在Dynamic Media经典内容浏览器中的下拉菜单中选择不同的配置。

在触屏优化UI中浏览内容

您可以在触屏优化UI或经典UI中访问内容浏览器。 目前，触屏优化具有以下限制：

• 不支持来自Dynamic Media经典的FXG和Flash资源。

从第三个下拉菜单中选择​Dynamic Media经典，浏览Dynamic Media经典资源。 Dynamic Media经典不显示在列表中(如果尚未配置Dynamic Media经典/AEM集成)。

此外，您还可以通过将鼠标悬停在浏览器中的资产上，浏览分辨率信息、大小、修改后的天数以及文件名。

• 对于自适应视频集和模板，不会为缩略图生成大小信息。
• 对于自适应视频集，不会为缩略图生成分辨率。

使用内容浏览器搜索Dynamic Media经典资产

搜索Dynamic Media经典资产与搜索AEM资产类似，但搜索时，您实际看到的是Dynamic Media经典系统中资产的远程视图，而不是直接将其导入AEM。

您可以使用经典 UI 或触屏优化 UI 来查看和搜索资产。根据所用的界面，搜索方式会略有不同。

在任一 UI 中进行搜索时，您都可以按以下条件进行筛选（此处显示的是触屏优化 UI）：

• 输入
  关键字您可以按名称搜索资产。搜索时，您输入的关键字是文件名称的开头。例如，键入“swimming”一词后，将在该文件夹中查找任何以这些字母开头的资产文件名。键入词后，请务必点按Enter以查找资产。

• 文件夹/
  路径显示的文件夹名称基于您选择的配置。您可以通过点按文件夹图标并选择子文件夹，然后点按复选标记以选择它，向下展开到更低级别。

如果您输入了关键字并选择了文件夹，则 AEM 会搜索此文件夹及其所有子文件夹。但是，如果您在搜索时未输入任何关键字，则选择文件夹后，只会显示此文件夹中的资产，而不会包括所有子文件夹。

默认情况下，AEM 会搜索选中的文件夹及其所有子文件夹。

• 资产类
  型选择 Dynamic Media 类可浏览Dynamic Media经典内容。仅当配置了Dynamic Media经典时，此选项才可用。

• 配
  置如果您在Cloud Services中定义了多个Dynamic Media经 典配置，则可以在此处选择它。根据您选择的配置，文件夹会相应地进行更改。

• 资产
  类型在Dynamic Media经典浏览器中，您可以筛选结果以包含以下任一内容：图像、模板、视频和自适应视频集。如果您没有选择任何资产类型，则默认情况下，AEM 会搜索所有资产类型。

• 发布
  状态您可以根据发布状态筛选资产： 未 发布或 已发布。如果未选择任何​发布状态，默认情况下AEM将搜索所有发布状态。