P2P 的 SDK 适配了 hls.js 接口,如果您使用hls.js播放器,请按照此文档接入,(hls.js 的版本>=0.9.1)。
对接准备
注意:
请注意当前 SDK 不支持多实例。
对接示例
此代码已对接 hls.js。
const video = document.getElementById("video");if (Hls.isSupported()) {// 创建hls.js实例const hls = new Hls();hls.loadSource(url);hls.attachMedia(video);hls.on(Hls.Events.MANIFEST_PARSED, function () {video.play();});// 如下初始化P2P, 并继承hls.jsif (HLSP2P.isSupported()) {// 首先确定是否支持SDKconst hlsp2p = HLSP2P.create(hls, {videoId: "这里需要根据实际情况修改为<video>的id",videoType: "VOD", // 或者 'LIVE', 根据实际情况选择url: "根据实际情况填写hls视频的m3u8 url",domain: "见邮件",xp2pAppId: "见邮件",xp2pAppKey: "见邮件",cloudAppId: "您在腾讯云的appid", // number类型}); // 创建SDK实例hlsp2p.on(HLSP2P.Events.Rollback, () => {// 监听SDK抛出的异常hlsp2p.destroy(); // 销毁SDK});}}
// 销毁SDK示例window.hlsp2p.destroy();window.hlsp2p = null;
对接注意事项(重要)
1. 当关闭播放器的时候,需要同时销毁 P2P SDK。
2. 当更换视频播放的时候,需要销毁 SDK 并重新初始化 SDK。