Dynamic Media 中的视频

本节介绍如何在Dynamic Media中使用视频。

快速入门：视频

以下分步工作流描述旨在帮助您快速启动和运行Dynamic Media中的自适应视频集。 每个步骤之后，都有对主题标题的交叉引用，您可以在其中查找更多信息。

1. 上传Dynamic Media视频 ，方法是：

   • 创建您自己的视频编码配置文件。 或者，您只需使用预定义的 自适应视频编码 Dynamic Media随附的资料。

     • 创建视频编码配置文件.
     • 详细了解 视频编码的最佳实践.

   • 将视频处理配置文件与一个或多个要上传主源视频的文件夹关联。

     • 将视频配置文件应用到文件夹.
     • 详细了解 组织数字资产以使用处理配置文件的最佳实践.
     • 详细了解 组织数字资源.

   • 将您的主源视频上传到文件夹。 将视频添加到文件夹时，会根据您分配给该文件夹的视频处理配置文件对它们进行编码。

     • Dynamic Media主要支持最长30分钟、最小分辨率大于25 x 25的短格式视频。
     • 您可以上传每个大小不超过15 GB的视频文件。
     • 上传您的视频.
     • 详细了解 支持的输入文件格式.

   • 监视方式 视频编码正在进行 从资产或工作流视图中。

2. 管理您的Dynamic Media视频 通过执行以下任一操作：

   • 组织、浏览和搜索视频资产

     • 组织数字资源
       详细了解 组织数字资产以使用处理配置文件的最佳实践

     • 搜索视频资产 或 搜索资源

   • 预览和发布视频资产

     • 查看源视频、视频的编码演绎版及其相关缩略图：

       预览视频 或 预览资源
       查看视频演绎版
       管理视频演绎版

     • 管理查看器预设

     • 发布资产

   • 使用视频元数据

     • 查看已编码视频演绎版的属性，如帧速率、音频和视频比特率以及编解码器：

       查看视频演绎版属性

     • 编辑视频的属性，如标题、描述和标记、自定义元数据字段：

       编辑视频属性

     • 管理数字资源的元数据

     • 元数据架构

   • 审查、批准和注释视频，并保持完整的版本控制

     • 为视频添加批注 或 为资源作批注

     • 创建一个版本

     • 将工作流应用于资产 或参阅 在资产上启动工作流

     • 查看文件夹资产

     • 项目

3. 发布Dynamic Media视频 通过执行以下操作之一：

   • 如果您使用Adobe Experience Manager作为Web内容管理系统，则可以直接将视频添加到网页。

     • 将视频添加到网页.

   • 如果您使用的是第三方Web内容管理系统，则可以将视频链接或嵌入到网页。

     • 使用URL集成视频：

       将 URL 关联到您的 Web 应用程序.

     • 在网页上使用嵌入代码集成视频：

       在网页上嵌入视频查看器.

   • 生成视频报表.

   • 向视频添加字幕.

在Dynamic Media中处理视频

Dynamic Media中的视频是一款端到端解决方案，可让您轻松地发布高质量的自适应视频，以便在多个屏幕(包括台式机、iOS、Android™、BlackBerry®和Windows移动设备)上实现流式传输。 自适应视频集对使用不同比特率和格式（如400 kbps、800 kbps和1000 kbps）编码的相同视频的版本进行分组。 台式计算机或移动设备检测可用带宽。

例如，在iOS移动设备上，它会检测3G、4G或Wi-Fi等带宽。 然后，它自动从自适应视频集内的各种视频比特率中选择正确的编码视频。 视频将流式传输到台式机、移动设备或平板电脑。

此外，如果桌面或移动设备上的网络状况发生变化，则视频质量会自动进行动态切换。 此外，如果客户在桌面上进入全屏模式，自适应视频集将使用更好的分辨率进行响应，从而改善客户的观看体验。 通过使用自适应视频集，客户可以在多个屏幕和设备上播放Dynamic Media视频，您可以获得最佳播放体验。

视频播放器用来确定在播放期间要播放或选择的已编码视频的逻辑基于以下算法：

1. 视频播放器根据比特率加载初始视频片段，该比特率最接近在播放器本身中为“初始比特率”设置的值。

2. 视频播放器根据对带宽速度的更改进行切换，使用的标准如下：

   1. 播放器选择低于或等于估计带宽的最高带宽流。
   2. 播放器只考虑了80%的可用带宽。 然而，如果它调高了，它更保守，只有70%，以避免高估并立即回调。

有关算法的详细技术信息，请参阅 https://android.googlesource.com/platform/frameworks/av/+/master/media/libstagefright/httplive/LiveSession.cpp

对于管理单个视频和自适应视频集，支持以下内容：

• 从多种支持的视频格式和音频格式上传视频并将视频编码为MP4 H.264格式以便在多个屏幕上播放。 您可以使用预定义的自适应视频预设、单个视频编码预设或自定义自己的编码来控制视频的质量和大小。

  • 生成自适应视频集时，该视频集包含MP4视频。
  • 注释：主控/源视频未添加到自适应视频集。

• 所有HTML5视频查看器中的视频字幕。

• 组织、浏览和搜索视频，全面支持元数据，以便有效管理视频资产。

• 将自适应视频集交付到Web、桌面和移动设备，包括iPhone、iPad、Android™、BlackBerry®和Windows phone。

各种iOS平台均支持自适应视频流。 参见 Dynamic Media查看器参考指南.

Dynamic Media支持MP4 H.264视频的移动视频播放。 您可以在以下位置找到支持此视频格式的BlackBerry®设备： BlackBerry®支持的视频格式.

您可以在以下位置找到支持此视频格式的Windows设备： Windows Phone 8支持的媒体编解码器

• 使用Dynamic Media视频查看器预设播放视频，包括以下内容：

  • 单个视频查看器。
  • 结合了视频和图像内容的混合媒体查看器。

• 配置视频播放器以满足您的品牌推广需求。

• 使用简单的URL或嵌入代码将视频集成到您的网站、移动网站或移动应用程序。

另请参阅 Experience Manager Assets和Dynamic Media Classic查看器 和 仅适用于Experience Manager资源的查看器.

最佳实践：使用HTML5视频查看器

Dynamic Media HTML5视频查看器预设是可靠的视频播放器。 您可以使用它们来避免与HTML5视频播放相关的许多常见问题。 此外，还存在着与移动设备相关的问题，例如缺乏自适应比特率流交付以及桌面浏览器访问范围有限。

在播放器的设计方面，您可以使用标准Web开发工具来设计视频播放器的功能。 例如，您可以使用HTML5和CSS设计按钮、控件和自定义海报图像背景，以帮助您通过自定义外观触及客户。

在查看器的播放方面，它会自动检测浏览器的视频功能。 然后，它使用HLS（HTTP实时流）或DASH（HTTP上的动态自适应流）提供视频，也称为自适应比特率流。 或者，如果不存在这些投放方法，则改用HTML5 progressive。

通过将以下内容组合到单个播放器中：

• 能够使用HTML5和CSS设计播放组件
• 具有嵌入式播放
• 根据浏览器的功能使用自适应流和渐进式流

您可以将富媒体内容的范围扩展到桌面和移动设备用户，并确保提供简化的视频体验。

另请参阅 关于HTML5查看器.

使用HTML5视频查看器在桌面计算机和移动设备上播放视频

对于桌面和移动设备自适应视频流，用于比特率切换的视频基于自适应视频集中的所有MP4视频。

使用DASH或HLS或者渐进式视频下载进行视频播放。 在早期版本的Experience Manager（如6.0、6.1和6.2）中，视频是通过HTTP进行流式传输的。

在Experience Manager6.3及更高版本中，视频现在通过HTTPS（即DASH或HLS）进行流式传输，因为DM网关服务URL也始终使用HTTPS。 此默认行为对客户没有影响。 也就是说，除非浏览器不支持HTTPS，否则始终会通过HTTPS进行视频流。 （见下表）。 因此，

• 如果您的HTTPS网站支持HTTPS视频流，则可以使用流式传输。
• 如果您的HTTP网站包含HTTPS视频流，则可以使用流处理，并且Web浏览器中没有出现混合内容问题。

DASH是国际标准，HLS是Apple标准。 两者都用于自适应视频流。 而且，这两种技术都会根据网络带宽容量自动调整播放。 它还允许客户在视频中的任何位置“搜寻”，而无需等待视频的其余部分下载。

渐进式视频是通过将视频下载并存储到用户的桌面系统或移动设备上的方式交付的。

下表介绍了使用Dynamic Media Video Viewer在桌面计算机和移动设备上播放视频的设备、浏览器和方法。

Dynamic Media视频解决方案的架构

下图显示了通过DMGateway(在Dynamic Media混合模式下)上传和编码并可供公众使用的视频的整体创作工作流。

视频的混合发布架构

视频编码最佳实践

此 Dynamic Media编码视频 如果您已启用Dynamic Media并设置了视频云服务，则工作流会对视频进行编码。 此工作流会捕获工作流进程历史记录和失败信息。如果您已启用Dynamic Media并设置了视频云服务，则 Dynamic Media编码视频 上传视频时，工作流会自动生效。 (如果您没有使用Dynamic Media，则 DAM更新资产 工作流将生效。)

源视频文件

在编码视频文件时，请使用可能具有最高质量的源视频文件。 避免使用以前编码的视频文件，因为这些文件已压缩，进一步编码会创建质量缺佳的视频。

• Dynamic Media主要支持最长30分钟、最小分辨率大于25 x 25的短格式视频。
• 您可以上传每个大小最大为15 GB的主源视频文件。

下表描述了源视频文件在编码之前必须具有的建议大小、长宽比和最小比特率：

获取文件的元数据

您可以通过以下方式获取文件的元数据：使用视频编辑工具查看其元数据，或使用专为获取元数据而设计的应用程序。 以下是使用第三方应用程序MediaInfo获取视频文件元数据的说明：

1. 转到 MediaInfo下载.
2. 选择并下载GUI版本的安装程序，然后按照安装说明操作。
3. 安装后，右键单击视频文件（仅限Windows）并选择MediaInfo，或者打开MediaInfo并将视频文件拖到应用程序中。 您可以看到与视频文件关联的所有元数据，包括其宽度、高度和FPS。

宽高比

当您选择或创建主源视频文件的视频编码预设时，请确保预设具有与主源视频文件相同的纵横比。 宽高比是视频的宽高比。

要确定视频文件的纵横比，请获取文件的元数据并记下文件的宽度和高度（请参阅上面获取文件的元数据）。 然后使用此公式确定纵横比：

宽度/高度=纵横比

下表描述了公式结果如何转换为常见的宽高比选项：

例如，1440宽度x 1080高度的视频的长宽比为1440/1080，即1.33。在这种情况下，您可以选择具有4:3纵横比的视频编码预设来编码视频文件。

比特率

Bitrate是经过编码以构成视频播放一秒的数据量。 比特率以千位/秒(Kbps)为测量单位。

在选择比特率编码时，可以选择以下两种类型：

• 恒定比特率编码 (CBR) — 在CBR编码期间，比特率或每秒比特数在整个编码过程中保持不变。 CBR编码会在整个视频中将设置的数据速率保留到您的设置中。 此外，CBR编码不会优化媒体文件的质量，但会节省存储空间。
  如果您的视频在整个视频中包含类似的运动级别，请使用CBR。 CBR最常用于流视频内容。 另请参阅 使用添加自定义的视频编码参数.

• 可变比特率编码 (VBR) - VBR编码根据压缩程序所需的数据来向下调整数据速率，并将其调整到您设置的上限。 此功能意味着在VBR编码过程中，媒体文件的比特率会根据媒体文件的比特率需求动态增加或减少。
  VBR的编码时间较长，但产生的结果最理想；媒体文件的质量也更好。 VBR最常用于http渐进式视频内容交付。

您何时使用VBR还是CRB？
在选择VBR与CBR时，几乎总是建议您将VBR用于媒体文件。 VBR以具有竞争力的比特率提供更高质量的文件。 使用VBR时，请确保使用两遍编码，并将最大比特率设置为目标视频比特率的1.5倍。

选择视频编码预设时，请记住目标最终用户的连接速度。 选择数据速率为该速度80%的预设。 例如，如果目标最终用户的连接速度为1000 Kbps，则最佳预设为视频数据速率为800 Kbps的预设。

此表描述了典型连接速度的数据速率。

解决方法

分辨率 描述视频文件的高度和宽度（以像素为单位）。 大多数源视频以高分辨率存储（例如，1920 x 1080）。 出于流传输目的，源视频被压缩成较小的分辨率（640 x 480或更小）。

分辨率和数据速率是决定视频质量的两个相互关联的因素。 要保持相同的视频质量，视频文件中的像素数越高（分辨率越高），数据速率必须越高。 例如，假定每帧的像素数在320 x 240分辨率和640 x 480分辨率视频文件中：

640 x 480文件的每帧像素数是前者的四倍。 要使这两个示例分辨率达到相同的数据速率，可以对640 x 480文件应用四倍的压缩，这会降低视频质量。 因此，250 Kbps的视频数据速率可在320 x 240分辨率下产生高质量观看，但不会在640 x 480分辨率下产生高质量观看。

通常，使用的数据速率越高，视频的外观越好，使用的分辨率越高，必须保持的查看质量的数据速率越高（与分辨率较低相比）。

由于分辨率和数据速率是相互关联的，因此在编码视频时，您有两个选项：

• 选择一个数据速率，然后以最高分辨率进行编码，该分辨率适合您选择的数据速率。
• 选择分辨率，然后按照您选择的分辨率进行编码，以获得高质量视频。

当为主源视频文件选择（或创建）视频编码预设时，请使用此表定位正确的分辨率：

Fps（每秒帧数）

在美国和日本，大多数视频的拍摄速度是每秒29.97帧(fps)；在欧洲，大多数视频的拍摄速度是25帧/秒。 电影的拍摄速度是24帧/秒。

选择与主源视频文件的fps速率匹配的视频编码预设。 例如，如果主源视频为25 fps，请选择一个编码预设为25 fps。 默认情况下，所有自定义编码都使用主源视频文件的fps。 因此，在创建视频编码预设时，无需明确指定fps设置。

视频编码维度

要获得最佳结果，请选择编码维度，以便源视频是所有已编码视频的整数倍。

要计算此比率，请将源宽度除以编码宽度以获得宽度比率。 然后，将源高度除以编码的高度以获得高度比。

如果生成的比例是整数，则意味着视频得到最佳缩放。 如果生成的比例不是整数，则会通过在显示器上留下多余的像素伪像来影响视频质量。 当视频包含文本时，这种效果最为明显。

例如，假设源视频为1920 x 1080。 在下表中，三个经过编码的视频提供了要使用的最佳编码设置。

编码的视频文件格式

Dynamic Media建议使用MP4 H.264视频编码预设。 由于MP4文件使用H.264视频编解码器，因此它以压缩文件大小提供高品质视频。

在您的帐户上启用DASH

DASH(Digital Adaptive Streaming over HTTP)是视频流的国际标准，被广泛用于各种视频观看者。 在您的帐户上启用DASH后，您可以选择使用DASH或HLS进行自适应视频流。 或者，您可以在以下情况下通过自动在播放器之间切换来选择两者 自动 在查看器预设中选择作为播放类型。

在您的帐户上启用DASH的一些主要优势包括：

• 打包用于自适应比特率流的DASH流视频。 这种方法可以提高投放效率。 自适应流媒体可确保为客户提供最佳观看体验。
• 使用Dynamic Media播放器优化浏览器流会在HLS和DASH流之间切换，以确保最佳服务质量。 使用Safari浏览器时，视频播放器会自动切换到HLS。
• 您可以通过编辑视频查看器预设来配置首选的流方法（HLS或DASH）。
• 优化的视频编码确保在启用DASH功能时不会使用额外的存储。 为HLS和DASH创建一组视频编码，以优化视频存储成本。
• 帮助让您的客户更容易访问视频交付。
• 也通过API获取流URL。

在您的帐户中启用DASH需要两个步骤：

• 将Dynamic Media配置为使用DASH，以便您自行完成此操作。
• 将Experience Manager6.5配置为使用DASH，这是通过您创建和提交的Adobe客户支持案例来完成的。

要在您的帐户上启用DASH，请执行以下操作：

1. 配置Dynamic Media — 在Experience Manager6.5上的Dynamic Media中，导航到 https://localhost:4502/system/console/configMgr.

2. 搜索 AEM Assets Dynamic Media视频高级流 功能标记。

3. 要启用（打开）短划线，请选中复选框。

4. 选择​保存。

5. 配置Experience Manager6.5 - 使用Admin Console开始创建新的支持案例.

6. 要创建支持案例，请按照说明操作，同时确保提供以下信息：

   • 主要联系人姓名、电子邮件、电话。
   • 您的Dynamic Media帐户的名称。
   • 指定您希望在Experience Manager6.5上启用短划线。

7. Adobe客户支持根据提交请求的顺序将您添加到DASH客户等待列表。

8. 当Adobe准备好处理您的请求时，客户支持将联系您以协调并设置启用DASH的目标日期。

9. 客户支持团队会在完成后通知您。

10. 创建您的 视频查看器预设 和往常一样。

查看视频报表

视频报表会显示指定时间内的多个聚合量度，以帮助您监控 已发布 单个和聚合视频正在按预期执行。 系统会汇总您整个网站中所有已发布视频的以下热门量度数据：

• 视频开始
• 完成率
• 视频平均逗留时间
• 视频花费的总时间
• 每次访问的视频数

全部的表 已发布 此外，还列出了视频，以便您可以根据视频总开始次数来跟踪网站上最常查看的视频。

点按列表中的视频名称时，会以折线图的形式显示视频的受众维系（流失）报表。 该图表显示在视频播放期间任何给定时间的查看次数。 在播放视频时，垂直条与播放器中的时间指示器同步跟踪。 折线图数据中的下降指示受众从无兴趣到何时消失。

如果视频是在Adobe Experience Manager Dynamic Media之外进行编码，则受众维系（流失）图表和表中的播放百分比数据将不可用。

另请参阅 配置Dynamic MediaCloud Services.

默认情况下，首次输入视频报表时，该报表显示从当前月份的第一天开始到当前月份的日期结束的视频数据。 但是，您可以通过指定自己的日期范围来覆盖默认日期范围。 下次输入视频报表时，将使用指定的日期范围。

为了使视频报表正常工作，会在配置Dynamic MediaCloud Services时自动创建报表包ID。 同时，报表包ID会推送到发布服务器，以便在您预览资产时可用于复制URL功能。 但是，此功能要求已设置发布服务器。 如果未设置发布服务器，您仍可以发布以查看视频报表。 但是，您必须返回到Dynamic Media云配置并点按 确定.

要查看视频报表，请执行以下操作：

1. 点按Experience Manager左上角的Experience Manager徽标，然后点按左边栏中的徽标 工具 （锤子图标）> 资产 > 视频报表.

2. 在“视频报表”页面上，执行以下操作之一：

   • 在右上角附近，点按 刷新视频报告 图标。
     仅当报表的结束日期为当天时，才使用刷新。 这样做可确保您查看自上次运行报表以来发生的视频跟踪。

   • 在右上角附近，点按 日期选取器 图标。
     指定要获取其视频数据的开始和结束日期范围，然后点按 运行报告.

   “排名最前的量度”组框标识所有量度的各种聚合量度 已发布 您网站上的视频。

3. 在列出最热门发布的视频的表中，点按视频名称以播放视频，还可以查看视频的受众维系（流失）报表。

查看基于您使用Dynamic Media HTML5查看器SDK创建的视频查看器的视频报表

如果您使用Dynamic Media提供的开箱即用视频查看器，或者您基于开箱即用视频查看器创建了自定义查看器预设，则无需执行其他步骤即可查看视频报表。 但是，如果您已根据HTML5 Viewer SDK API创建自己的视频查看器，则请使用以下步骤确保视频查看器向Dynamic Media视频报表发送跟踪事件。

使用 AdobeDynamic Media查看器参考指南 和 HTML5查看器SDK API 创建自己的视频查看器。

要查看基于您使用Dynamic Media HTML5查看器SDK创建的视频查看器的视频报表，请执行以下操作：

1. 导航到任何已发布的视频资产。

2. 在资产页面的左上角附近，从下拉列表中选择​查看器。

3. 选择任意视频查看器预设并复制嵌入代码。

4. 在嵌入代码中，找到包含以下内容的行：

   videoViewer.setParam("config2", "<value>");

   此 config2 参数可在HTML5查看器中启用跟踪。 它还是一个特定于公司的预设，其中包含用于视频报表的配置信息，以及用于特定于客户的Adobe Analytics配置的信息。

   config2 参数的正确值可在​嵌入代码​和复制 URL 函数中找到。在复制 URL 命令的 URL 中，要查找的参数为 &config2=<value>。该值几乎总是 companypreset，但在某些情况下，也可以是 companypreset-1、companypreset-2 等。

5. 在自定义视频查看器代码中，通过执行以下操作将AppMeasurementBridge .jsp添加到查看器页面：

   • 首先，确定您是否需要 &preset 参数。

     如果 config2 参数为 companypreset，您需要 非 需要 &preset=parameter.

     如果 config2 是其他内容，请将预设参数设置为与 config2 参数。 例如，如果 config2=companypreset-2，添加 &param2=companypreset-2 到AppMeasurementBridge.jsp URL。

   • 然后，添加AppMeasurementBridge.jsp脚本：

     <script language="javascript" type="text/javascript" src="https://s7d1.scene7.com/s7viewers/AppMeasurementBridge.jsp?company=robindallas&preset=companypreset-2"></script>

6. 通过执行以下操作创建TrackingManager组件：

   • 在您调用之后 s7sdk.Util.init();，通过添加以下内容创建TrackingManager实例以跟踪事件：

     var trackingManager = new s7sdk.TrackingManager();

   • 通过执行以下操作将组件连接到TrackingManager：

     在 s7sdk.Event.SDK_READY 事件处理程序，将您要跟踪的组件附加到TrackingManager。

     例如，如果组件为 videoPlayer，添加

     trackingManager.attach(videoPlayer);

     以将组件附加到trackingManager。 要跟踪页面上的多个查看器，请使用多个跟踪管理器组件。

   • 通过添加以下内容创建AppMeasurementBridge对象：

     var appMeasurementBridge = new AppMeasurementBridge(); appMeasurementBridge.setVideoPlayer(videoPlayer);
     

   • 通过添加以下内容来添加跟踪函数：

     trackingManager.setCallback(appMeasurementBridge.track,
      appMeasurementBridge);
     

   appMeasurementBridge对象具有内置跟踪函数。 但是，您可以自行提供以支持多个跟踪系统或其他功能。

向视频添加隐藏式字幕或字幕

通过将隐藏式字幕添加到单个视频或自适应视频集，您可以将视频扩展到全球市场。 通过添加隐藏式字幕，您无需对音频进行混音，也无需使用母语人士重新录制每种语言的音频。 视频以所录制的语言播放。 出现外语字幕是为了让不同语言的人仍然能够理解音频部分。

隐藏式字幕还可以让耳聋或听力缺佳的用户更容易使用。

另请参阅 Dynamic Media中的辅助功能.

Dynamic Media将字幕文件转换为JSON（JavaScript对象表示法）格式。 此转换意味着，您可以将JSON文本作为隐藏但完整的视频转录内容嵌入到网页中。 然后，搜索引擎可以对内容进行爬网和索引，以使视频更容易被发现，并为客户提供有关视频内容的更多详细信息。

参见 提供静态（非图像）内容 在 Dynamic Media图像服务和渲染API帮助 有关在URL中使用JSON函数的更多信息。

要在视频中添加字幕或字幕，请执行以下操作：

1. 使用第三方应用程序或服务创建视频字幕/字幕文件。

   确保您创建的文件遵循WebVTT（Web视频文本跟踪）标准。 字幕文件扩展名为.vtt。 您可以了解有关WebVTT字幕标准的更多信息。

   参见 WebVTT： Web视频字幕格式.

   在Dynamic Media之外，您可以使用免费和高级的工具和服务来创作题注/字幕文件。 例如，要创建不带样式的简单视频字幕文件，您可以使用以下免费的在线字幕创作和编辑工具：

   WebVTT题注生成器

   为了获得最佳结果，请在Internet Explorer 9或更高版本、Google Chrome或Safari中使用该工具。

   在工具中， 输入视频文件的URL 字段中，粘贴复制的视频文件URL，然后单击 加载. 参见 获取资产的URL 以获取视频文件本身的URL，然后您可以将其粘贴到 输入视频文件的URL字段. 随后，Internet Explorer、Chrome 或 Safari 可以本机播放视频。

   现在，按照站点中的屏幕说明创作并保存WebVTT文件。 完成后，复制字幕文件内容并将其粘贴到纯文本编辑器中，然后保存 .vtt 文件扩展名。

   注意

   为了在全球范围内支持多种语言的视频字幕，WebVTT标准要求您创建单独的.vtt文件，并为要支持的每种语言调用。

   通常，您希望将字幕VTT文件的名称与视频文件相同，并将其附加到语言区域设置，如 — EN、-FR或 — DE。 这样，它可以帮助您使用现有Web内容管理系统自动生成视频URL。

2. 在Experience Manager中，将您的WebVTT字幕文件上传到DAM。

3. 导航到 已发布 要与上传的字幕文件关联的视频资源。

   请注意，只有在首次​发布​资产​后，才可复制 URL。

   参见 发布资产.

4. 执行下列操作之一：

   • 要获得弹出式视频查看器体验，请点按 URL. 在URL对话框中，选择URL并将其复制到剪贴板，然后将URL粘贴到简单的文本编辑器中。 使用以下语法附加复制的视频URL：

     &caption=<server_path>/is/content/<path_to_caption.vtt_file,1>

     请注意 ,1 标题路径末尾。 紧跟在 .vtt 文件扩展名在路径中，您可以选择启用（打开）或禁用（关闭）视频播放器栏上的隐藏式字幕按钮，方法是将 ,1 或 ,0，则不会显示任何内容。

   • 要获得嵌入式视频查看器体验，请点按 嵌入代码. 在“嵌入代码”对话框中，选择，然后将嵌入代码复制到剪贴板，然后将该代码粘贴到简单的文本编辑器中。 使用以下语法附加复制的嵌入代码：

     videoViewer.setParam("caption","<path_to_caption.vtt_file,1>");

     请注意 ,1 标题路径末尾。 紧跟在 .vtt 文件扩展名在路径中，您可以选择启用（打开）或禁用（关闭）视频播放器栏上的隐藏式字幕按钮，方法是将 ,1 或 ,0，则不会显示任何内容。

向视频添加章节标记

您可以通过将章节标记添加到单个视频或自适应视频集，使长格式视频更容易观看和导航。 当用户播放视频时，他们可以单击视频时间轴上的章节标记（也称为视频洗刷器）以轻松导航到其目标点。 或者，他们可以立即跳转到新内容、演示和教程。

如果需要，您可以创建自己的自定义视频查看器，并将其品牌化为章节，而不是使用视频查看器预设。 有关通过章节导航创建您自己的HTML5查看器的说明，请在AdobeHTML5查看器SDK API中，引用类下的“使用修饰符自定义行为”标题 s7sdk.video.VideoPlayer 和 s7sdk.video.VideoScrubber. 请参阅 HTML5查看器SDK API 文档。

您可以像创建字幕一样为视频创建章节列表。 即，创建一个WebVTT文件。 但请注意，此文件必须与您也在使用的任何WebVTT字幕文件分开；不能将字幕和章节合并到一个WebVTT文件中。

您可以使用以下示例作为使用章节导航创建WebVTT文件时所使用的格式示例：

包含视频章节导航的WebVTT文件

WEBVTT
Chapter 1
00:00.000 --> 01:04.364
The bicycle store behind it all.
Chapter 2
01:04.364 --> 02:00.944
Creative Cloud.
Chapter 3
02:00.944 --> 03:02.937
Ease of management for a working solution.
Chapter 4
03:02.937 --> 03:35.000
Cost-efficient access to rapidly evolving technology.

在上面的示例中， Chapter 1 是提示标识符，并且是可选的。 的提示时间 00:00:000 --> 01:04:364 指定章节的开始时间和结束时间，单位为 00:00:000 格式。 最后三位数是毫秒，可保留为 000（如果首选）。 的章节标题 The bicycle store behind it all 是章节内容的实际描述。 当用户将鼠标指针悬停在视频时间轴中的可视提示点上时，提示标识符、开始提示时间和章节标题都会显示在视频播放器弹出窗口中。

由于您使用的是HTML5视频查看器，因此请确保您创建的章节文件遵循WebVTT（Web视频文本跟踪）标准。 章节文件扩展名为 .vtt. 您可以了解有关WebVTT字幕标准的更多信息。

参见 WebVTT： Web视频字幕格式

要添加视频章节导航，请执行以下操作：

1. 保存 .vtt 文件，以避免章节标题文本中的字符演绎版出现问题。

   通常，您希望将章节VTT文件的名称与视频文件相同，并附加章节。 这样，它可以帮助您使用现有Web内容管理系统自动生成视频URL。

2. 在Experience Manager中，上传WebVTT章节文件。

   参见 正在上传资产.

3. 执行下列操作之一：

   用于弹出视频查看器体验	导航到 已发布 要与上载的章节文件关联的视频资产。 请注意，只有在首次发布资产后，才可复制 URL。参见 正在发布资产。 从下拉菜单中，单击或点按 查看器. 在左边栏中，点按或单击视频查看器预设名称。 视频预览在单独的页面中打开。 在左边栏的底部，单击 URL. 在URL对话框中，选择URL并将其复制到剪贴板，然后将URL粘贴到简单的文本编辑器中。 使用以下语法附加复制的视频的URL，以便将其与复制的URL关联到章节文件： &navigation=<full_copied_URL_path_to_chapter_file.vtt>
   用于嵌入式视频查看器体验	导航到 已发布 要与上载的章节文件关联的视频资产。 请注意，只有在首次发布资产后，才可复制 URL。参见 正在发布资产。 从下拉菜单中，单击或点按 查看器. 在左边栏中，点按或单击视频查看器预设名称。 视频预览在单独的页面中打开。 在左边栏的底部，单击 嵌入. 在“嵌入代码”对话框中，选择并将整个代码复制到剪贴板，然后将其粘贴到简单的文本编辑器中。 使用以下语法附加视频的嵌入代码，以便将其与复制的URL关联到章节文件： videoViewer.setParam("navigation","<full_copied_URL_path_to_chapter_file.vtt>"

关于Dynamic Media - Scene7模式中的视频缩略图

视频缩略图是视频帧的缩减版本，或者向客户表示视频的图像资产。 缩略图用于鼓励客户选择视频。

Experience Manager中的所有视频都必须有关联的缩略图；如果不替换缩略图，则无法删除缩略图。 默认情况下，将视频上传到Experience Manager时，会使用第一帧作为缩略图。 但是，您可以自定义缩略图，例如，用于品牌推广或视觉搜索目的。 自定义视频缩略图时，可以播放视频并在要使用的帧上暂停。 或者，您可以选择已上传的图像资产，并且 已发布 在您的数字资产管理器中。

您从视频中选择的自定义视频缩略图图像不会提取并保存在DAM中，作为单独的独特资产。 但是，您从现有图像资源中选择的自定义视频缩略图会保存到JCR中。 所选资源的路径将存储在视频资源的节点下，如以下示例路径所示：

/content/dam/*<folder_name*>/<*video_name*>/jcr:content/manualThumbnail

自定义视频缩略图的功能仅在您将视频配置文件应用到视频所在的文件夹之后才可用。

另请参阅 关于Dynamic Media — 混合模式中的视频缩略图.

添加自定义视频缩略图

这些步骤仅适用于在“Dynamicmedia_Scene7”模式下运行的Dynamic Media。

要添加自定义视频缩略图，请执行以下操作：

1. 确保您已完成以下操作：

   • 已为您的视频资产创建文件夹。

   • 将视频配置文件应用到文件夹.

   • 已将您的视频上传到文件夹.

2. 导航到要更改其缩略图图像的已上传视频资产。

3. 在资源选择模式下，可以从 列表视图 或 卡片视图，点按视频资产。

4. 在工具栏上，点按 属性 图标（一个圆圈，内有“i”）。

5. 在视频的“属性”页面上，点按 更改缩略图.

6. 在“更改缩略图”页面上，执行下列操作之一：

   • 要将视频中的帧用作新缩略图，请执行以下操作：

     • 在工具栏上，点按 从视频中选择帧.
     • 点按“播放”按钮，然后点按要捕获为视频新缩略图的帧上的“暂停”按钮。

   • 要将图像资源用作新缩略图，请执行以下操作：

     • 在工具栏上，点按 从资源中选择缩略图.
     • 点按 选择缩略图.
     • 导航到您想要使用的之前上传和发布的图像资产。 资源会自动调整大小以用作视频的缩略图。
     • 选择图像资源，然后点按 选择.

7. 在更改缩略图页面上，点按 保存更改.

8. 在视频的“属性”页面的右上角，点按 保存并关闭.

关于Dynamic Media — 混合模式中的视频缩略图

您可以从Dynamic Media自动生成的十个缩略图图像中选择一个添加到视频中。 当视频资源在Experience Manager Sites、Experience Manager移动设备或Experience Manager Screens的创作环境中与Dynamic Media组件一起使用时，视频播放器会显示您选择的缩略图。 缩略图用作最能代表整个视频内容的静态图片，进一步鼓励用户单击“播放”按钮。

根据视频的总时间，Dynamic Media会捕获10个（默认）缩略图。 在视频中捕获的图像比例为1%、11%、21%、31%、41%、51%、61%、71%、81%和91%。 这10个缩略图仍然存在，这意味着如果您稍后决定选择其他缩略图，则无需重新生成系列。 您可以预览10个缩略图，然后选择要用于视频的缩略图。 如果要更改为默认值，可以使用CRXDE Lite配置生成缩略图图像的时间间隔。 例如，如果只想从视频中生成一系列四个等间距的缩略图，可以将间隔时间配置为24%、49%、74%和99%。

理想情况下，您可以在上传视频之后但在网站上发布视频之前随时添加视频缩略图。

如果您愿意，可以选择上传自定义缩略图来表示您的视频，而不是使用Dynamic Media生成的缩略图。 例如，您可以创建一个自定义缩略图图像，其中包含视频标题、引人注目的开场图像或从视频中捕获的特定图像。 您上传的自定义视频缩略图图像的最大分辨率必须为1280 x 720像素（最小宽度为640像素），并且不得大于2 MB。

另请参阅 关于Dynamic Media - Scene7模式中的视频缩略图.

添加视频缩略图

这些步骤仅适用于以混合模式运行的Dynamic Media。

要添加视频缩略图，请执行以下操作：

1. 导航到要添加视频缩略图的已上传视频资产。

2. 在资产选择模式下，从“列表视图”或“卡片视图”中，点按视频资产。

3. 在工具栏上，点按 查看属性 图标（一个圆圈，内有“i”）。

4. 在视频的“属性”页面上，点按 更改缩略图.

5. 在更改缩略图页面的工具栏上，点按 选择帧.

   Dynamic Media会根据您自定义的默认时间间隔或时间间隔，从视频中生成一系列缩略图图像。

6. 预览生成的缩略图图像，然后选择要添加到视频中的图像。

7. 点按 保存更改.

   视频的缩略图图像会更新以使用您选择的缩略图。 如果您稍后决定更改缩略图图像，则可以返回到 更改缩略图 页面并选择新页面。

   如果您配置了新的默认时间间隔，或者您上传了一个新视频来替换现有视频，则由Dynamic Media重新生成缩略图。

   参见 配置生成视频缩略图的默认时间间隔.

配置生成视频缩略图的默认时间间隔

当您配置和保存新的默认时间间隔时，所做的更改只会自动应用于您将来上传的视频。 它不会自动将新的默认设置应用于您之前上传的视频。 对于现有视频，必须重新生成缩略图。

参见 添加视频缩略图.

要配置生成视频缩略图的默认时间间隔，请执行以下操作：

1. 在Experience Manager中，点按 工具 > 常规 > CRXDE Lite.

2. 在“CRXDE Lite”页面的左侧目录面板中，导航到 o etc/dam/imageserver/configuration/jcr:content/settings.

   如果目录面板不可见，请点按“主页”选项卡左侧的>>图标。

3. 在右下面板的“属性”选项卡中，双击 thumbnailtime.

4. 在 编辑缩略图 对话框中，使用文本字段以百分比形式输入间隔值。

   • 如果要添加一个或多个间隔值字段，请点击加号(+)图标。 如有必要，请滚动到对话框的底部以查看图标。
   • 如果要从列表中删除间隔值字段，请点按该字段右侧的减号(-)图标。
   • 如果要重新排序间隔值，请点按向上箭头图标和向下箭头图标。

5. 点按 确定 并返回到“属性”选项卡。

6. 在“CRXDE Lite”页面的左上角附近，点按 全部保存，然后点按左上角的“返回主页”图标以返回Experience Manager。

   参见 添加视频缩略图.

添加自定义视频缩略图

这些步骤仅适用于以混合模式运行的Dynamic Media。

要添加自定义视频缩略图，请执行以下操作：

1. 导航到要添加自定义视频缩略图的已上传视频资产。

2. 在资产选择模式下，从“列表视图”或“卡片视图”中，点按视频资产。

3. 在工具栏上，点按 查看属性 图标（一个圆圈，内有“i”）。

4. 在视频的“属性”页面上，点按 更改缩略图.

5. 在更改缩略图页面的工具栏上，点按 上传新的缩略图.

6. 导航到要使用的缩略图图像，选择它，然后点按 打开 以开始将图像上传到Experience Manager。 上传后，请确保发布图像。

7. 成功上传和发布图像后，在更改缩略图页面中，点按 保存更改.

   自定义缩略图将会添加到您的视频中。

更改Dynamic Media资源的Dynamic Media URL

处理到Dynamic Media中的视频可以通过现成的查看器使用，也可以直接访问清单URL并通过您自己的自定义查看器播放它们。 以下是获取视频清单URL的API。

关于getVideoManifestURI API

此 getVideoManifestURIAPI通过c公开q-scene7-api:com.day.cq.dam.scene7.api 和可用于生成以下清单URL：

/**
* Returns the manifest url for videos
* @param resource video resource
* @param manifestType type of video streaming manifest being requested
* @param onlyIfPublished return a manifest only if the video is published
* @return the manifest url for videos
*
* @throws Exception
*/
@Nullable
String getVideoManifestURI(Resource resource, ManifestType manifestType, boolean onlyIfPublished) throws Exception;

getVideoManifestURI API参数

此API采用以下三个参数：

要使用上述方法获取视频的清单URL，请添加 视频编码配置文件 到“上传视频”文件夹。 Dynamic Media会根据在分配给文件夹的视频编码文件中找到的编码来处理这些视频。 现在，您可以调用上述API以获取已上传视频的清单URL。

错误方案

如果出现错误，则API返回null。 异常记录在Experience Manager错误日志中。 所有此类记录错误都开始于 Could not generate Video Manifest URI. 以下情况可能会导致出现此类错误：

• An IllegalArgumentException 因以下任一情况被记录：

  • 此 resource 传递的参数为null。
  • 此 resource 传递的参数不是视频。
  • 此 manifestType 传递的参数为null。
  • 此 onlyIfPublished 参数作为true传递，但视频未发布。
  • 未使用Dynamic Media中的自适应视频集摄取视频。

• IOException 在连接到Dynamic Media时出现问题时记录。

• UnsupportedOperationException 在以下情况下被记录： manifestType 传递的参数为 ManifestType.DASH，而视频尚未使用DASH格式进行处理。

以下是使用中编写的servlet的上述API示例 HTTPWhiteBoard 规范。 选择每个选项卡以了解代码语法。

dependency>
     <groupId>com.day.cq.dam</groupId>
     <artifactId>cq-scene7-api</artifactId>
     <version>5.12.64</version>
     <scope>provided</scope>
</dependency>

@Component
        service = Servlet.class
)
@HttpWhiteboardServletPattern(value = ManifestServlet.SERVLET_PATTERN)
@HttpWhiteboardContextSelect(value = Constants.SERVLET_CONTEXT_SELECTOR)
public class ManifestServlet extends HttpServlet {

   private static final Logger LOGGER = LoggerFactory.getLogger(ManifestServlet.class);

   private final ObjectMapper objectMapper;

    @Reference
    private Scene7Service scene7Service;

   public static final String SERVLET_PATTERN = Constants.VIDEO_API_PREFIX + "/manifestUrl";

   public ManifestServlet() {
         this.objectMapper = new ObjectMapper();
         objectMapper.setSerializationInclusion(JsonInclude.Include.NON_NULL);
   }

   @Override

   protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
        final ResourceResolver resolver = getResourceResolver(request);
        String assetPath = request.getParameter("assetPath");
        String manifest = request.getParameter("manifestType");
        String onlyIfPublished = request.getParameter("onlyIfPublished");
        Resource resource = resolver.getResource(assetPath);
        response.setCharacterEncoding(StandardCharsets.UTF_8.toString());
        response.setContentType("application/json");
        if(resource == null) {
            LOGGER.info("could not retrieve the resource from JCR");
            error("could not retrieve the resource from JCR", response);
            return;
        }

        String manifestUri = null;

        try{
            ManifestType manifestType =  ManifestType.DASH;
            if(manifest != null) {
                manifestType = ManifestType.valueOf(manifest);
            }
            manifestUri = scene7Service.getVideoManifestURI(resource, manifestType, onlyIfPublished != null);
            objectMapper.writeValue(response.getWriter(), new ManifestUrl(manifestUri));
            response.setContentType("application/json");
        } catch (Exception e) {
            LOGGER.error(e.getMessage(), e);
            error(String.format("Unable to get the manifest url for %s. %s", assetPath, e.getMessage()), response);
        }
    }

    private ResourceResolver getResourceResolver(HttpServletRequest request) {
        Object rr = request.getAttribute(AuthenticationSupport.REQUEST_ATTRIBUTE_RESOLVER);
        if (!(rr instanceof ResourceResolver)) {
            throw new IllegalStateException(
                    "The request does not seem to have been created via Apache Sling's authentication mechanism.");
        } else {
            return (ResourceResolver) rr;
        }
    }

    private void error(String errorMessage, HttpServletResponse response) throws IOException {
        ManifestUrl errorManifest = new ManifestUrl(null);
        errorManifest.setErrorMessage(errorMessage);
        response.setStatus(HttpServletResponse.SC_INTERNAL_SERVER_ERROR);
        objectMapper.writeValue(response.getWriter(), errorManifest);
    }
}

public class ManifestUrl extends VideoResponse {
     String manifestUrl;
     public ManifestUrl(String manifestUrl) {
         this.manifestUrl = manifestUrl;
     }
     public String getManifestUrl() {
         return manifestUrl;
     }
}

public abstract class VideoResponse {
     String errorString;

     public String getErrorString() {
         return errorString;
     }

     public void setErrorMessage(String errorString) {
         this.errorString = errorString;
     }
}

public final class Constants {

     private Constants() {
     }

     public static final String VIDEO_API_PREFIX = "/dynamicmedia/video";
     public static final String SERVLET_CONTEXT_SELECTOR = "(" + HttpWhiteboardConstants.HTTP_WHITEBOARD_CONTEXT_NAME + "=" +
             DMSampleApiHttpContext.CONTEXT_NAME + ")";

 }

public class DMSampleApiHttpContext extends ServletContextHelper {

 public static final String CONTEXT_NAME = "com.adobe.dmSample";
 public static final String CONTEXT_PATH = "/dmSample";

 private final MimeTypeService mimeTypeService;

 private final AuthenticationSupport authenticationSupport;

 /**
  * Constructs a new context that will use the given dependencies.
  *
  * @param mimeTypeService Used when providing mime type of requests.
  * @param authenticationSupport Used to authenticate requests with sling.
  */
 @Activate
 public DMSampleApiHttpContext(@Reference final MimeTypeService mimeTypeService,
                               @Reference final AuthenticationSupport authenticationSupport) {
     this.mimeTypeService = mimeTypeService;
     this.authenticationSupport = authenticationSupport;
 }

 // ---------- HttpContext interface ----------------------------------------
 /**
  * Returns the MIME type as resolved by the <code>MimeTypeService</code> or
  * <code>null</code> if the service is not available.
  */
 @Override
 public String getMimeType(String name) {
     MimeTypeService mtservice = mimeTypeService;
     if (mtservice != null) {
         return mtservice.getMimeType(name);
     }
     return null;
 }

 /**
  * Returns the real context path that is used to mount this context.
  * @param req servlet request
  * @return the context path
  */
 public static String getRealContextPath(HttpServletRequest req) {
     final String path = req.getContextPath();
     if (path.equals(CONTEXT_PATH)) {
         return "";
     }
     return path.substring(CONTEXT_PATH.length());
 }

 /**
  * Returns a request wrapper that transforms the context path back to the original one
  * @param req request
  * @return the request wrapper
  */
 public static HttpServletRequest createContextPathAdapterRequest(HttpServletRequest req) {
     return new HttpServletRequestWrapper(req) {

         @Override
         public String getContextPath() {
             return getRealContextPath((HttpServletRequest) getRequest());
         }

     };

 }

 /**
  * Always returns <code>null</code> because resources are all provided
  * through individual endpoint implementations.
  */
 @Override
 public URL getResource(String name) {
     return null;
 }

 /**
  * Tries to authenticate the request using the
  * <code>SlingAuthenticator</code>. If the authenticator or the Repository
  * is missing this method returns <code>false</code> and sends a 503/SERVICE
  * UNAVAILABLE status back to the client.
  */
 @Override
 public boolean handleSecurity(HttpServletRequest request,
                               HttpServletResponse response) throws IOException {

     final AuthenticationSupport authenticator = this.authenticationSupport;
     if (authenticator != null) {
         return authenticator.handleSecurity(createContextPathAdapterRequest(request), response);
     }

     // send 503/SERVICE UNAVAILABLE, flush to ensure delivery
     response.sendError(HttpServletResponse.SC_SERVICE_UNAVAILABLE,
             "AuthenticationSupport service missing. Cannot authenticate request.");
     response.flushBuffer();

     // terminate this request now
     return false;
 }
}

使用示例servlet

通过执行 GET 操作位置 /dmSample/dynamicmedia/video/manifestUrl. 传递了以下查询参数：

在本例中，我们假定进行以下设置：

• 公司是 samplecompany.
• 创作实例为 http://sample-aem-author.com.
• 文件夹 /content/dam/video-example 应用了视频编码配置文件。
• 视频 scenery.mp4 已上传到文件夹 /content/dam/video-example.

可以通过以下方式调用servlet：

Business.Adobe.com 资源

Cms Cloud Responsive Forms Web Content Management Dynamic Media Content Management Content Management System