由于该接口涉及 appSecret 进行参数签名,建议该步骤由服务端生成。
import { send } from '@just4/ajax/ajax';
import md5 from 'md5';
import { createWatchCore } from '@polyv/live-watch-sdk';
/**
* 生成签名
* @param {Object} data 请求参数
* @param {String} secret 签名密钥
* @returns 签名串
*/
function getSign(data, secret) {
let text = '';
const keys = Object.keys(data).sort();
for (const key of keys) {
text += `${key}${data[key]}`;
}
const sign = md5(secret + text + secret);
return sign.toUpperCase();
}
/**
* 获取授权令牌
* @param {string} channelId
*/
async function getWatchAuthToken({ channelId }) {
// 请求数据
const reqData = {
appId: '应用 id,从管理后台获取',
timestamp: Date.now(),
channelId, // '频道ID',
viewerId: '观众 id',
nickname: '观众昵称',
avatar: '观众头像',
};
// 应用密钥,从管理后台获取,建议获取授权令牌流程在服务端中进行,避免将应用密钥直接暴露在 js 中
const appSecret = 'xxxxx';
// 生成签名
const sign = getSign(reqData, appSecret);
reqData.sign = sign;
// 通过 ajax 获取授权令牌
const response = await send('//api.polyv.net/live/v3/channel/watch/get-watch-api-token', {
method: 'post',
data: reqData,
});
const result = response.data;
return result.data.token;
}
// 示例方法
async function example() {
const channelId = '频道号';
// 步骤1:创建观看核心实例
const watchCore = createWatchCore({ channelId });
// 步骤2:获取授权令牌
const watchAuthToken = await getWatchAuthToken({ channelId });
// 步骤3:传入授权令牌
watchCore.setXAuthToken(watchAuthToken);
// 步骤4:安装观看核心实例
await watchCore.setup();
}