uniapp集成云点播
集成云点播的必要条件
确保已注册腾讯云账号并开通云点播服务。在腾讯云控制台获取云点播的AppId、SecretId和SecretKey。
安装云点播SDK
通过npm安装云点播的JavaScript SDK:
npm install vod-js-sdk-v6
初始化云点播配置
在uniapp项目中创建云点播初始化文件(如vod.js),配置基础参数:

import Vod from 'vod-js-sdk-v6';
const vod = new Vod({
AppId: '你的AppId',
SecretId: '你的SecretId',
SecretKey: '你的SecretKey',
Uploader: 'uni-app' // 指定运行环境
});
实现视频上传功能
在前端页面中调用SDK上传方法,示例代码:
export function uploadVideo(filePath) {
return vod.upload({
mediaFile: filePath, // 文件路径
onProgress: (progress) => {
console.log('上传进度:', progress);
}
});
}
处理上传结果
监听上传成功或失败事件,返回视频的FileId和播放地址:

uploadVideo(filePath).then(res => {
console.log('上传成功,FileId:', res.FileId);
}).catch(err => {
console.error('上传失败:', err);
});
播放视频集成
使用云点播提供的播放器组件或第三方播放器(如video.js)播放视频:
<video :src="videoUrl" controls></video>
安全与权限控制
通过腾讯云临时密钥(STS)动态生成上传凭证,避免前端暴露固定密钥:
// 示例:从服务端获取临时密钥
uni.request({
url: '你的后端STS接口',
success: (res) => {
vod.updateCredential(res.data.Credentials);
}
});
注意事项
- 前端直接暴露
SecretKey存在风险,建议通过后端生成临时密钥。 - 云点播SDK需在支持HTML5的浏览器环境中运行,部分原生功能需适配uni-app的API。
- 上传大文件时建议分片上传,通过
onProgress回调监控进度。
以上步骤完成后,即可在uniapp中实现云点播的视频上传、管理和播放功能。






