接入说明

TikCDN 解决方案，充分利用终端闲置带宽资源,与传统CDN形成互补，构建出高性价比的新一代内容分发网络。开发者可通过 SDK 中简洁的接口快速同自有应用集成，实现 Web 设备上的 P2P 加速功能。

前提条件

• 一个支持 hls.js 播放器的浏览器
• 有效的 TikCDN 开发者账号

Demo运行指南

1、下载demo

2、安装依赖

pnpm install

3、配置开发者信息

修改 src/constants.ts 文件中的 APP_ID 字段，然后运行即可。

export const APP_ID = ""; // 替换为你的应用 ID

4、运行

pnpm dev --host

快速集成

初始化引擎

// 你的 hls 示例
const hls = new Hls({});

const APP_ID = ""; // 你的 X2TikTracker 应用 ID

const HlsWithP2P = HlsJsP2PEngine.injectMixin(Hls);
const hls = new HlsWithP2P({
  p2p: {
    core: {
      useSSL: true,
      appId: APP_ID, //
      token: '',
      trackerZone: 'cn', // cn cc
      // 自定义网关地址 - 如果设置了网关地址，trackerZone 配置将无效，没有请忽略
      // gatewayUrl: 'https://HOST:PORT/tikcdn/api/v1/gateway'
    },
    onHlsJsCreated(hls) {
      // 监听 hls 的相关回调
    },
  },
});

开始播放并加速

const streamUrl = ''; // 你的直播流地址
const videoDom = document.getElementById('video-renderer');

// 绑定容器
hls.attachMedia(videoDom);
// 播放视频源并开始加速 ⏩
hls.loadSource(streamUrl);

释放引擎

hls.destroy();