el-upload实现腾讯云视频上传功能的方法
发布时间:2020-07-01 15:50:18
来源:亿速云
阅读:155
作者:清晨
这篇文章主要介绍el-upload实现腾讯云视频上传功能的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
起因
根据需求要实现一个视频上传功能,之前采用七牛云上传,小点视频没问题,大体积视频比如600M左右,再考虑到网速等其他原因就会花费半个小时左右。
后来分析到不仅要考虑上传时间的问题,更重要的是要考虑用户使用4G 网络的情况,考虑用户的流量,线上的视频,不能不做压缩转码,就放到页面上,视频不是图片,不能甩到 cdn 上就行了。 要考虑视频大小,pc 移动端适配,转码,还有防盗版等问题。最终决定使用腾讯云上传视频
在项目中的使用
项目使用vue.js + element-ui el-upload组件
引入sdk:
npm install vod-js-sdk-v6
import TcVod from 'vod-js-sdk-v6'
html代码
//上传
ref="upload"
action="filename"
:http-request="httpRequest"
:show-file-list="false">