vue + antd-vue + 腾讯云点播 完成视频上传功能

2021-02-03 02:16

阅读:708

标签:url   cancel   yarn   default   注意   sign   mes   type   The   

前期准备

1、npm install vod-js-sdk-v6 或 yarn add vod-js-sdk-v6

2、在main.js中
import TcVod from ‘vod-js-sdk-v6‘
Vue.prototype.$TcVod = TcVod

注:

1、获取腾讯云上传签名函数请务必使用函数表达式方式定义。否则不生效也不报错。详见下方代码let getVideoSignature=()=> {}

2、代码过多,直接看重点,腾讯云上传功能具体实现是在下方uploadVideoFile()函数里

3、更多详情可见官网文档: https://cloud.tencent.com/document/product/266/9219

图片示例

未上传

技术图片

上传中

技术图片

上传完成

技术图片

代码示例

vue + antd-vue + 腾讯云点播 完成视频上传功能

标签:url   cancel   yarn   default   注意   sign   mes   type   The   

原文地址:https://www.cnblogs.com/huihuihero/p/13162323.html


评论


亲,登录后才可以留言!