VUE——nuxt.js实现腾讯云点播的视频上传

一、封装视频上传的组件

腾讯云点播的文档提供了demo和上传用的vod-js-sdk-v6依赖，我按照官方demo做了点修改。记得先安装上传用的依赖npm instal vod-js-sdk-v6。上传视频需要先获取signature，自行去写好获取signature的api哈（官网文档有提供后台生成签名signature的demo，几种语言都有）。里面uploadSign方法就是我从后台拿signature，初始化上传组件就要用到。

 

二、将组件作为插件引入nuxt中 

（1）在plugins中新建upVideo.js

import Vue from 'vue'
import WebUploadVideo from '~/components/video/UpVideo.vue'

Vue.component('upload-video',WebUploadVideo)

 （2）nuxt.config.js中加入插件，并将ssr写为fasle

三、在页面中使用 

四、最终视频上传效果

官网提供的demo界面就是这个样子的，可以显示上传进度，自行优化界面哈