接入说明

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

快速集成

初始化引擎

import shaka from "shaka-player/dist/shaka-player.ui";
import { ShakaP2PEngine } from "@x2-tik-tracker/shaka";

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

ShakaP2PEngine.registerPlugins(shaka);

const shakaP2PEngineInit = new ShakaP2PEngine(
  {
    core: {
      useSSL: true,
      appId: APP_ID,
      token: '',
      trackerZone: 'cn', // cn cc
      // 自定义网关地址 - 如果设置了网关地址，trackerZone 配置将无效
      // gatewayUrl: 'https://HOST:PORT/tikcdn/api/v1/gateway'
    },
  },
  shaka,
);

开始播放并加速

const videoDom = document.getElementById('video-renderer');
// 你的 shaka player 示例
const shakaPlayerInit = new shaka.Player();
// 绑定容器
await shakaPlayerInit.attach(videoElement);

const streamUrl = ''; // 你的直播流地址
shakaP2PEngineInit.bindShakaPlayer(shakaPlayerInit);
// 播放视频源并开始加速 ⏩
await shakaPlayerInit.loadSource(streamUrl);

释放引擎

shakaPlayerInit.destroy();