接入 hls.js

最近更新时间:2025-11-28 15:33:53

我的收藏
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.js
if (HLSP2P.isSupported()) {
// 首先确定是否支持SDK
const 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。