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

网站、移动站点和台式机应用程序可以使用 URL 字符串或嵌入的代码访问 Scene7 服务器内容(包括视频)。Scene7 会在发布过程中激活这些 URL 字符串。要将视频的 URL 字符串或嵌入代码放在网页、移动页面和台式机应用程序中,请从 Scene7 Publishing System 中进行复制。

重要说明: 在发布资源之前,URL 或嵌入代码处于非活动状态。

发布视频

通过发布视频,Scene7 服务器可以将视频传送到网站、移动站点或应用程序。

可以使用两种不同的方法发布视频:

  • 在上载时自动立即发布视频

    在视频上载过程中,Scene7 可以在上载并编码视频时自动发布视频。立即发布功能意味着,无需事后单独发布视频。

  • 在上载后手动发布视频

    如果不想立即发布视频,您可以随时手动发布视频。

在您发布视频之后,Scene7 Publishing System 会激活 HTML 页面或应用程序代码的 URL 字符串。

发布视频

执行以下任一操作:
  • 要在上载时自动立即发布视频,请在“上载”屏幕中单击“ 在上载之后发布 ”。您已完成相应的操作,不需要执行其他步骤。

  • 要在上载后手动发布视频,请在浏览面板中选择视频,然后单击全局导航栏上的“ 发布 ”。

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

在发布视频后,您可以获取该视频的 URL 以在网站、移动站点或台式机应用程序中使用。如果要在网页顶部的弹出或模式窗口中显示视频,请使用视频 URL。

在客户单击链接时,将自动检测其设备、带宽和屏幕大小。在桌面的预定义查看器中会显示适当的视频进行播放,智能手机和平板电脑在移动设备的本地视频播放器中播放。

另请参阅 在网页中嵌入视频查看器 。

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

  1. 在“资源浏览”面板的“显示”下拉列表中,单击“ 视频 ”或“ 自适应视频集 ”。

  2. 在左侧的“资源库”面板中,导航到包含要链接到的视频或自适应视频集的资源文件夹。

  3. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:
    • 单击“ 网格视图 ”或“ 列表视图 ”。在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,在“HTTP 流”下面单击所需查看器右侧的“ 复制 URL ”。作为最佳做法,请复制与 Universal_HTML5_Video 查看器关联的 URL。

    • 单击“ 网格视图 ”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像下方单击“ 预览 ”>“ 查看器列表 ”。

      在“查看器列表”页面中表的“操作”列下,单击“ 复制 URL ”。作为最佳做法,请复制与 Universal_HTML5_Video 查看器关联的 URL。

    • 单击“ 列表视图 ”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“ 预览 ”>“ 查看器列表 ”。

      在“查看器列表”页面中表的“操作”列下,单击“ 复制 URL ”。作为最佳做法,请复制与 Universal_HTML5_Video 查看器关联的 URL。

    • 单击“ 网格视图 ”、“ 列表视图 ”或“ 详细信息视图 ”。在同一工具栏上,单击“ 预览 ”>“ 查看器列表 ”。

      在“查看器列表”页面中表的“操作”列下,单击“ 复制 URL ”。作为最佳做法,请复制与 Universal_HTML5_Video 查看器关联的 URL。

  4. 将 HTML5 视频 URL 链接粘贴到您的网站和移动站点中。

在网页中嵌入视频查看器

如果要播放网页中嵌入的视频,请使用嵌入代码功能。可以将嵌入代码复制到剪贴板中,以便将其粘贴到网页中。在“嵌入代码”对话框中不允许编辑代码。

另请参阅 将视频 URL 链接到移动站点或网站 。

在网页中嵌入视频查看器

  1. 在“资源浏览”面板的“显示”下拉列表中,单击“ 视频 ”或“ 自适应视频集 ”。

  2. 在左侧的“资源库”面板中,导航到包含要复制其嵌入代码的视频或自适应视频集的资源文件夹。

  3. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:
    • 单击“ 网格视图 ”或“ 列表视图 ”。在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,在“HTTP 流”下面单击所需查看器右侧的“ 嵌入代码 ”。作为最佳做法,单击 Universal_HTML5_Video 关联 嵌入代码 。

    • 单击“ 网格视图 ”。在“资源浏览”面板中,选择单个资源,然后在视图缩略图图像下方单击“ 预览 ”>“ 查看器列表 ”。

      在“查看器列表”页面中表的“操作”列下,单击“ 嵌入代码 ”。作为最佳做法,单击 Universal_HTML5_Video 关联 嵌入代码 。

    • 单击“ 列表视图 ”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“ 预览 ”>“ 查看器列表 ”。

      在“查看器列表”页面中表的“操作”列下,单击“ 嵌入代码 ”。作为最佳做法,单击 Universal_HTML5_Video 关联 嵌入代码 。

    • 单击“ 网格视图 ”、“ 列表视图 ”或“ 详细信息视图 ”。在同一工具栏上,单击“ 预览 ”>“ 查看器列表 ”。

      在“查看器列表”页面中表的“操作”列下,单击“ 嵌入代码 ”。作为最佳做法,单击 Universal_HTML5_Video 关联 嵌入代码 。

  4. 在“嵌入代码”对话框中,单击“ 复制到剪贴板 ”。

    在“嵌入代码”对话框中不允许编辑代码。

  5. 单击“ 关闭 ”。

  6. 在网页中粘贴嵌入代码。

实施嵌入代码以将 HTML5 视频与 MP4 和 OGG 视频资源一起使用

如果未使用 Scene7 HTML5 视频播放器,但希望将本地 HTML5 <video> 与 MP4 和 OGG 视频资源一起使用,则可以使用以下嵌入代码示例:

<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>

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

如果使用第三方视频播放器或自定义内置视频播放器(而不是 Scene7 视频查看器),您可以获取适用于 HTTP 和 iOS 多比特率视频流或渐进式下载的直接视频 URL。

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

  1. 在 Scene7 Publishing System 的全局导航栏上,单击“ 设置 ”>“ 应用程序设置 ”>“ 常规设置 ”。

  2. 根据要使用的 URL 类型,请执行以下任务之一:

生成适用于桌面的直接 HTTP 流视频 URL(多比特率)

  1. 在“ 应用程序常规设置 ”页面中,在“ 服务器 ”组的“ 已发布的服务器名称 ”文本框中,使用以下语法构建直接 URL:

    server/is/content/company/folder/filename.f4m

    例如,假设已发布的服务器名称是 http://s7d9.scene7.com/ 。使用步骤 2 中的语法,直接 URL 可能如下所示:

  2. http://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.f4m

生成直接 iOS 流视频 URL(多比特率)

在“ 应用程序常规设置 ”页面中,在“ 服务器 ”组的“ 已发布的服务器名称 ”文本框中,使用以下语法构建直接 URL:

server/is/content/company/folder/filename.m3u8

例如,假设已发布的服务器名称是 http://s7d9.scene7.com/ 。使用步骤 2 中的语法,直接 URL 可能如下所示:

http://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

生成适用于桌面的直接 HTTP 流视频 URL(单比特率)

  1. 在“ 应用程序常规设置 ”页面的“ 服务器 ”组的“ iOS 流服务器名称 ”文本字段中,将服务器名称 hls/vod 替换为 hds/vod 。

  2. 使用以下语法构建直接 eVideo URL:

    server/company/folder/filename.ext.f4m

    例如,使用上述语法的直接 eVideo URL 的示例可能如下所示:

    http://s7mbrstream.scene7.com/hds-vod/eVideoQA/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.f4m

生成直接 iOS 流视频 URL(单比特率):

在“ 应用程序常规设置 ”页面的“ 服务器 ”组的“ iOS 流服务器名称 ”文本字段中,将 server/company/folder/filename.ext.m3u8 与 iOS 流服务器名称合并。

例如,假设 iOS 流服务器名称为 http://s7mbrstream.scene7.com/hls-vod/ 。使用步骤 2 中的语法,直接 eVideo URL 可能如下所示:

http://s7mbrstream.scene7.com/hls-vod/eVideoQA/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.m3u8

生成直接渐进式视频 URL

在“ 应用程序常规设置 ”页面的“ 服务器 ”组的“ 渐进式视频服务器名称 ”文本框中,使用以下语法构建直接 eVideo URL:

server/company/folder/filename

例如,假设渐进式视频服务器名称是 http://s7d9.scene7.com/e2/ 。使用步骤 2 中的语法,直接 eVideo URL 可能如下所示:

http://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

使用视频缩略图

Scene7 会生成视频剪辑、编码视频和预编码视频的缩略图。您可以像使用任何图像资源一样使用视频缩略图。此外,您可以获取 Scene7 生成的视频缩略图的 URL,并将这些 URL 部署到 SPS 的外部。例如,您可以在搜索结果、相关视频列表和网站上的视频播放列表中部署缩略图。

基于视频的第一个异构帧(不是全黑帧或全白帧等)生成缩略图。

另请参阅 视频剪辑 。

获得视频缩略图 URL

Scene7 会在上载过程中自动生成视频缩略图。缩略图显示在列表视图和网格视图中的“浏览”面板中。

要生成视频缩略图的 URL,请执行发布操作。

请参阅 发布视频 。

发布后,您可以在“URL 和嵌入代码”面板的“详细信息视图”中获取视频缩略图 URL。单击视频缩略图右侧的“ 复制 URL ”即可复制其 URL。

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

海报帧 是在开始播放视频之前在视频查看器中显示的初始帧。Scene7 使用视频缩略图作为海报帧。

您可以将图像修饰符应用于海报帧。例如,您可以裁切海报帧或使其变得透明。要修改海报帧,请打开视频查看器配置屏幕,并在“海报图像修饰符”部分中输入修饰符。

请参阅 添加或编辑视频查看器预设 。

请参阅 www.adobe.com/go/learn_s7_image_server_guide_cn 。

还可以通过将修饰符附加到视频缩略图 URL 的后面来修改视频缩略图。