Show Menu
主题×

将视频部署到网站和移动站点

网站、移动站点和桌面应用程序使用URL字符串或嵌入代码访问Dynamic Media Classic服务器内容,包括视频。 Dynamic Media Classic在发布过程中激活这些URL字符串。 要将视频的 URL 字符串或嵌入代码放在网页、移动页面和台式机应用程序中,请从 Scene7 Publishing System 中进行复制。
在发布资源之前,URL 或嵌入代码处于非活动状态。

发布视频

发布视频使Dynamic Media Classic Server能够将视频交付到您的网站、移动站点或应用程序。
可以使用两种不同的方法发布视频:
  • 在上载时自动立即发布视频
    在视频上传过程中,Dynamic Media Classic可以在上传和编码视频时自动发布视频。 立即发布功能意味着,无需事后单独发布视频。
  • 在上载后手动发布视频
    如果不想立即发布视频,您可以随时手动发布视频。
在您发布视频之后,Scene7 Publishing System 会激活 HTML 页面或应用程序代码的 URL 字符串。
发布视频
  1. 执行以下任一操作:
    • 要在上载时自动立即发布视频,请在“上载”屏幕中单击“ 在上载之后发布 ”。您已完成相应的操作,不需要执行其他步骤。
    • 要在上载后手动发布视频,请在浏览面板中选择视频,然后单击全局导航栏上的“ 发布 ”。

将视频 URL 链接到移动站点或网站

在发布视频后,您可以获取该视频的 URL 以在网站、移动站点或台式机应用程序中使用。如果要在网页顶部的弹出或模式窗口中显示视频,请使用视频 URL。
在客户单击链接时,将自动检测其设备、带宽和屏幕大小。在桌面的预定义查看器中会显示适当的视频进行播放,智能手机和平板电脑在移动设备的本地视频播放器中播放。
将视频 URL 链接到移动站点或网站
  1. 在“资源浏览”面板的“显示”下拉列表中,单击“ 视频 ”或“ 自适应视频集 ”。
  2. 在左侧的“资源库”面板中,导航到包含要链接到的视频或自适应视频集的资源文件夹。
  3. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:
    • 单击“ 网格视图 ”或“ 列表视图 ”。在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,在“HTTP 流”下面单击所需查看器右侧的“ 复制 URL ”。As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
    • 单击“ 网格视图 ”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像下方单击“ 预览 ”>“ 查看器列表 ”。
      在“查看器列表”页面中表的“操作”列下,单击“ 复制 URL ”。As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
    • 单击“ 列表视图 ”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“ 预览 ”>“ 查看器列表 ”。
      在“查看器列表”页面中表的“操作”列下,单击“ 复制 URL ”。As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
    • 单击“ 网格视图 ”、“ 列表视图 ”或“ 详细信息视图 ”。在同一工具栏上,单击“ 预览 ”>“ 查看器列表 ”。
      在“查看器列表”页面中表的“操作”列下,单击“ 复制 URL ”。As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
  4. 将 HTML5 视频 URL 链接粘贴到您的网站和移动站点中。

在网页中嵌入视频查看器

如果要播放网页中嵌入的视频,请使用嵌入代码功能。将嵌入代码复制到剪贴板,以便将其粘贴到网页中。 不允许在“嵌入代码”对 话框中编辑代码 。
在网页中嵌入视频查看器
  1. 在“资源浏览”面板的“显示”下拉列表中,单击“ 视频 ”或“ 自适应视频集 ”。
  2. 在左侧的“资源库”面板中,导航到包含要复制其嵌入代码的视频或自适应视频集的资源文件夹。
  3. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:
    • 单击“ 网格视图 ”或“ 列表视图 ”。在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,在“HTTP 流”下面单击所需查看器右侧的“ 嵌入代码 ”。As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
    • 单击“ 网格视图 ”。在“资源浏览”面板中,选择单个资源,然后在视图缩略图图像下方单击“ 预览 ”>“ 查看器列表 ”。
      在“查看器列表”页面中表的“操作”列下,单击“ 嵌入代码 ”。As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
    • 单击“ 列表视图 ”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“ 预览 ”>“ 查看器列表 ”。
      在“查看器列表”页面中表的“操作”列下,单击“ 嵌入代码 ”。As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
    • 单击“ 网格视图 ”、“ 列表视图 ”或“ 详细信息视图 ”。在同一工具栏上,单击“ 预览 ”>“ 查看器列表 ”。
      在“查看器列表”页面中表的“操作”列下,单击“ 嵌入代码 ”。As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
  4. 在“嵌入代码”对话框中,单击“ 复制到剪贴板 ”。
    在“嵌入代码”对话框中不允许编辑代码。
  5. 单击​ 关闭
  6. 在网页中粘贴嵌入代码。

Implementing embed code for using HTML5 video with MP4 video assets

If you do not use the Dynamic Media Classic HTML5 video player, but instead want to use the native HTML5 <video> tag with MP4 video assets, you can use the following embed code sample:
<video poster="S7 video thumbnail URL" controls> 
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
        <p>This is fallback content</p> 
</video>

使用第三方视频播放器部署视频

如果您使用第三方视频播放器或自定义构建的视频播放器而不是Dynamic Media Classic视频查看器,则可以获得适用于HLS多比特率视频流或渐进式下载的直接视频URL。
使用第三方视频播放器部署视频
  1. 在 Scene7 Publishing System 的全局导航栏上,单击“ 设置 ”>“ 应用程序设置 ”>“ 常规设置 ”。
  2. 根据要使用的 URL 类型,请执行以下任务之一:
  • 生成直接HLS流视频URL(多比特率)
    在“应 用程序常规设置 ”页面的“服务器”组的“发布的服务器名称 ”文本字段中,使用以下语法构建直接URL:例 server/is/content/company/folder/filename.m3u8 如,假定“已发布”服务器名称为 https://s7d9.scene7.com/. “使用步骤2中的语法”,则直接URL可能如下所示: https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8
  • 生成直接HLS流视频URL(单位速率)
    On the Application General Settings page, in the Servers group, in the HLS Streaming Server Name text field, construct the direct URL using the following syntax: server/company/folder/filename.ext.m3u8 例如,假定HLS流服务器名称为 https://s7mbrstream.scene7.com/hls-vod/ 。 使用步骤 2 中的语法,直接 URL 可能如下所示: https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.m3u8
  • 生成直接渐进式视频 URL
    在“ 应用程序常规设置 ”页面的“ 服务器 ”组的“ 渐进式视频服务器名称 ”文本框中,使用以下语法构建直接 eVideo URL: server/company/folder/filename For example, suppose the progressive video server name is https://s7d9.scene7.com/is/content/ . 使用步骤 2 中的语法,直接 URL 可能如下所示: https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

使用视频缩略图

Dynamic Media Classic可为编码视频和预编码视频生成缩略图。 您可以像使用任何图像资源一样使用视频缩略图。此外,您还可以获取Dynamic Media Classic生成的视频缩略图的URL,并在SPS之外部署这些URL。 例如,您可以在搜索结果、相关视频列表和网站上的视频播放列表中部署缩略图。
基于视频的第一个异构帧(不是全黑帧或全白帧等)生成缩略图。

获得视频缩略图 URL

Dynamic Media Classic在上传过程中自动生成视频缩略图。 缩略图显示在列表视图和网格视图中的“浏览”面板中。
要生成视频缩略图的 URL,请执行发布操作。
请参阅 发布视频
发布后,您可以在“URL 和嵌入代码”面板的“详细信息视图”中获取视频缩略图 URL。单击视频缩略图右侧的“ 复制 URL ”即可复制其 URL。

在视频浏览器中修改海报帧

海报帧 ​是在开始播放视频之前在视频查看器中显示的初始帧。Dynamic Media Classic将视频缩略图用作海报帧。
您可以将图像修饰符应用于海报帧。例如,您可以裁切海报帧或使其变得透明。要修改海报帧,请打开视频查看器配置屏幕,并在“海报图像修饰符”部分中输入修饰符。
还可以通过将修饰符附加到视频缩略图 URL 的后面来修改视频缩略图。