小程序端播放 HLS 加密视频

<video src="{{src}}"></video>

Page({
    data: {
        // 将要播放的转码后的 m3u8 视频链接
        m3u8Url: 'https://example-1250000000.cos.ap-beijing.myqcloud.com/hls/video.m3u8?ci-process=pm3u8',
        src: '',
    },
    onReady: async function () {
        wx.request({
            method: 'POST',
            // 替换成自己实现的 hls token server
            // token server 参考文档：https://cloud.tencent.com/document/product/460/104024#5ea2a185-f626-4f4c-9011-cc7684c39baf
            // token server 代码示例：https://github.com/tencentyun/cos-demo/tree/main/server/hls-decrypt-token/
            url: 'https://example.com/samples/hls/token',
            data: JSON.stringify({
                src: this.data.m3u8Url,
                protectContentKey: 0,
            }),
            header: {
                'Content-Type': 'application/json',
            },
            dataType: 'json',
            success: (res) => {
                const {token, authorization} = res.data;
                // 拼接可被正常 HLS 标准加密方式播放的视频链接，加上签名、token等参数
                // 如果 m3u8 链接的域名是 CDN 域名，不需要拼 &${authorization} 签名
                const url = `${this.data.m3u8Url}?ci-process=pm3u8&expires=43200&tokenType=JwtToken&token=${encodeURIComponent(token)}&${authorization}`;
                this.setData({ src: url });
            },
            fail(res) {
                console.log(res);
            },
        });
    }
})