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

网站、移动站点和台式机应用程序可以使用 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 的后面来修改视频缩略图。