const Koa = require('koa')const cors = require('koa2-cors')const app = new Koa()const tencentcloud = require("tencentcloud-sdk-nodejs")app.use(cors()) // 跨域配置app.use(async (ctx) => {// 生成的m3u8文件中的URI请求会默认带上参数const { Ciphertext, KMSRegion } = ctx.queryconst KmsClient = tencentcloud.kms.v20190118.Clientconst clientConfig = {credential: {// 账号API密钥,可前往https://console.tencentcloud.com/cam/capi获取secretId: "SecretId",secretKey: "SecretKey",},region: KMSRegion, // 所在园区,eg:"ap-guangzhou"profile: {httpProfile: {endpoint: "kms.tencentcloudapi.com",},},};// 创建KMS对象实例const client = new KmsClient(clientConfig);const params = {"CiphertextBlob": Ciphertext,};try {// 发起请求,获取解密密钥const res = await client.Decrypt(params)// 取出密钥,base64解密后返回其二进制数据const plaintext = res.Plaintextconst plainBuff = Buffer.from(plaintext, 'base64');ctx.body = plainBuff} catch (error) {console.log(error);}})// 监听8080端口app.listen('8080', () => {console.log('127.0.0.1:8080');})
<!--播放器样式文件--><link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.2/tcplayer.min.css" rel="stylesheet"/><!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 格式的视频,需要在 tcplayer.v4.2.2.min.js 之前引入 hls.min.0.13.2m.js。--><script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.2/libs/hls.min.0.13.2m.js"></script><!--播放器脚本文件--><script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.2/tcplayer.v4.2.2.min.js"></script>
<video id="player-container-id" width="414" height="270" preload="auto" playsinline webkit-playsinline></video>
<video>
标签。player-container-id
为播放器容器的 ID,可自行设置。preload
属性规定是否在页面加载后载入视频,通常为了更快的播放视频,会设置为 auto
,其他可选值:meta
(当页面加载后只载入元数据),none
(当页面加载后不载入视频),移动端由于系统限制不会自动加载视频。playsinline
和 webkit-playsinline
这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放,此处仅作示例,请按需使用。x5-playsinline
属性在 TBS 内核会使用 X5 UI 的播放器。var player = TCPlayer('player-container-id', {}); // player-container-id 为播放器容器 ID,必须与 html 中一致player.src(https://examplebucket-1250000000.cos.ap-guangzhou.myqcloud.com/path/example.m3u8); // m3u8对象地址
本页内容是否解决了您的问题?