搜索本产品文档关键词
设置视频拖拽
所有文档
menu

内容分发网络 CDN

设置视频拖拽

概述

播放视频时,用户可能需要随意拖拽播放进度。开启视频拖拽功能,可以优化用户观看视频的体验,并节省带宽资源。CDN支持flv与mp4视频类型的拖拽。

原理简介

  • MP4

    百度智能云CDN支持MP4文件的伪流(pseudo-streaming)播放,通常这些文件拓展名为.mp4,.m4v,.m4a。

    在一个典型的Flash播放器中(不同播放器可能不同),如果用户拖动进度条,播放器会发送一个HTTP(S)请求,并在该请求的查询参数中带有指定时间的参数(通常参数名为start,单位为秒),服务器响应以该时间开始的视频流。例如:http://example.com/elephants_dream.mp4?start=238.88。 类似的,您还可以指定结束时间(通常参数名为end,单位为秒),服务器会响应从start到end指定范围内的视频内容。例如:http://example.com/elephants_dream.mp4?start=238.88&end=555.55

    这使得您的Flash播放器可以依靠服务器实现进度条拖动功能。

  • FLV

    百度智能云CDN同样支持Flash Video(FLV)文件的伪流(pseudo-streaming)播放,通常这些文件拓展名为.flv。

    FLV文件的伪流模式与MP4有所不同:FLV文件是通过文件字节偏移进行拖动的。

    通常情况下(不同播放器可能不同),用户在FLash播放器中播放一个FLV文件,当用户拖动进度条时,播放器会发送一个HTTP(S)请求,并在该请求的查询参数中携带指定文件字节偏移的参数(通常参数名为start,单位为字节),服务器根据配置会响应以两种不同的内容:

    • byte模式:服务器响应以原始FLV文件从start指定字节开始的文件内容
    • byteav模式:服务器在原始FLV文件以start指定字节开始的内容前添加上第一个Video Tag和Audio Tag(通常为Metadata)作为响应,该模式由于包含Metadata使得播放器的解码参数得以重设。
      即byteav模式比byte模式要多响应两个Tag(Metadata)。

背景信息

CDN视频拖拽支持对“suffix列表”、“start参数名称”和“end参数名称”进行自定义设置。

mp4类型按秒进行拖拽,flv类型按字节进行拖拽。

可选择配置为“按字节-byteav”或“按字节-byte”,如果配置byteav,CDN系统会把FLV中的第一个audio tag和第一个video tag添加到返回结果中的。请根据实际情况选择配置。

  • suffix列表

    suffix即文件后缀名,mp4文件默认为“mp4”,flv文件默认为“flv”。由于不同用户对文件类型的后缀名定义有所差异,在CDN视频拖拽设置里面,可根据实际情况填写满足自身规范要求的后缀名,可填写一个或多个,多个后缀名请以逗号分隔。

  • start参数名称

    表示视频拖拽开始时间的参数,默认为“start”。由于每个用户对视频开始参数的定义和标识不完全相同,用户可根据实际情况修改参数名称。CDN将识别用户设置的start参数值为开始时间或字节。

  • end参数名称

    表示视频拖拽结束时间的参数,默认为“end”。由于每个用户对视频end参数的定义和标识不完全相同,用户可根据实际情况修改参数名称。CDN将识别用户设置的end参数值为结束时间或字节。

设置样例

如果用户A将mp4类型的suffix值设置为“mp4v”,start参数名称和end参数名称分别设置为“start1”和“end2”。则用户侧的视频请求地址为:

http://a.com/b.mp4v?start1=200&end2=500

CDN将识别“mp4v”后缀的文件为mp4文件,会直接解析start1和end2参数对应的值,返回相关内容给用户。

设置视频拖拽

  1. 登录 CDN管理控制台,在控制台左侧导航选择 域名管理
  2. 域名管理 页,选择需要设置HTTP头的域名,在最右侧操作栏单击 管理,如下图所示。

    image.png

  3. 域名详情 页,单击 高级配置,如下图所示。

    image.png

  4. 选择 高级配置 页签的 视频拖拽配置 功能。

    image.png

  5. 点击“MP4”或“flv”类型后面的 编辑,设置相关参数。

    image.png

  6. 点击 确认,完成配置操作。
  7. 根据实际情况,您可以将视频拖拽的状态调整为“开”或“关”。

相关API

上一篇
设置HTTP头
下一篇
SEO优化配置