接入 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;