CDN卓越版点播下载H5 SDK

最近更新时间:2018-05-10 18:00:00


背景说明

本SDK基于P2SP技术,通过接入星域或第三方CDN服务,致力于为播放端提供更低的延迟和更好的质量。

接入说明

支持音视频封装格式:MP4

加载SDK库文件,这里只给出测试链接,正式接入会专门提供单独的连接:

<script type="text/javascript" src="http://fcrcvideo.xycdn.com/h5/test/xyvod.js"></script>

新建XYVODPlayer实例:

<input class="url‐input" id="url" type="text" value="streamUrl"/>
<video id="player" autoplay width="720"></player>
<script>
var video = document.getElementById('player');
var player = new xyvod.createPlayer({
video: video // 传入video标签
});
var url = document.getElementById('url').value;
player.load(url); // 传入流URL,并开始加载数据
</script>

注意:使用SDK后,需要通过调用SDK提供的接口来控制播放器,直接调用video标签的原生接口可能会有意想不到的问题。

接口说明

xyvod.createPlayer(options)

  • options<Object>新建播放器相关参数
  • video<HTMLVideoElement>video标签
  • 返回<XYVODPlayer>

XYVODPlayer类

点播SDK接口类,以下用player代指该类的实例

player.load(streamUrl)

  • streamUrl <string>要播放的流URL 调用后开始下载数据,是否开始播放由video标签的autoplay决定

player.unload()

停止加载数据,并停止播放;调用后,可重新调用load,加载新的streamUrl

player.play()

开始播放

player.pause()

暂停

player.seek(second)

  • second<number> 要跳转到的时间点,单位秒 跳转到离second最近的关键帧后播放

player.destory() 彻底释放player的所有资源,调用后无法再使用其他接口,除非重新创建player实例