vue 上传视频到保利威视

//引入 保利威视 依赖
npm i @polyv/vod-upload-js-sdk  // 保利威直传插件
npm i js-md5  // 你必须的md5加密

创建js方法import PlvVideoUpload from '@polyv/vod-upload-js-sdk'
import md5 from 'js-md5'// 此方法主要用于加密一些保利威的专用参数 如果是后端传递的 可以打掉
function getToken(videoUpload) {const ptime = Date.now()const userid = ''const secretkey = ''const writeToken = ''const hash = md5(ptime + writeToken)const sign = md5(secretkey + ptime)videoUpload.updateUserData({ ptime, hash, sign, userid })
}// 由于保利威的一些机制 你需要三分钟就重新加密你的 ptime 如果你打掉了就不行
function autoUpdateUserData(timer, videoUpload) {getToken(videoUpload)if (timer) {clearTimeout(timer)timer = null}timer = setTimeout(() => {autoUpdateUserData(timer, videoUpload)}, 3 * 50 * 1000)
}/*** @Date: 2021/3/26* @param: files -> 一个文件的数组 注意 是【数组】* @param: fileSetting -> 主要是用来传递给保利威的属性* @param: callback -> 上传进度，成功，失败 的回调 tips：回调太多 我就拿了这三个比较有用的*/
export function uploadFile(files, fileSetting, callback) {const videoUpload = new PlvVideoUpload()autoUpdateUserData(null, videoUpload)Array.from(files).forEach((file, index) => {const uploader = videoUpload.addFile(file, {// 上传视频进度的回调FileProgress: ({ progress }) => {const progressSize = (progress * 100).toFixed(2)callback(index, progressSize)},// 上传视频成功的回调FileSucceed: ({ fileData }) => {callback(index, fileData)},// 上传视频失败的回调onFileFailed: ({ errData }) => {callback(index, errData)}}, fileSetting)})/*** 这里的调用是上传全部* 本来我也是一个一个调的* 但是考虑到对于有多选上传的童鞋不是很友好* 就无论你传递几个视频 这里都统一一起上传* */videoUpload.startAll()
}

index.vue 写<template><div><inputtype="file"ref="files"multiple="multiple"@change="handleFileAL"></div>
</template><script>
import { uploadFile } from './uopladFile.js'export default {data() {return {fileSetting: {desc: 'i am desc', // 描述cataid: 1615514002553, // 分类ID 可以后端传递 也可以不写 或写死tag: 'i am tag', // 标签luping: 0, // 是否开启视频课件优化处理，对于上传录屏类视频清晰度有所优化：0为不开启，1为开启keepsource: 1 // 是否源文件播放（不对视频进行编码）：0为编码，1为不编码}}},mounted() {},methods: {handleFileAL(event) {if (!event.target.value) {this.$message.error('请选择您要上传的文件')return false}/*** @Date: 2021/3/26* @param: event.target.files -> 传递的文件list* @param: this.fileSetting -> 常规配置 上面有备注* @param: 回调*/uploadFile(event.target.files, this.fileSetting, (index, event) => {console.log(index, event)})}}
}
</script>

vue 上传视频到保利威视相关推荐

保利威视polyv的Api调用
官方接口文档 https://dev.polyv.net/2017/videoproduct/v-api/v-api-vmanage/v-api-vmanage-info/get-video-msg/ ...
vue 上传视频到腾讯云存储并获取视频第一帧
官网文档链接:https://cloud.tencent.com/document/product/436/6268 需求项目里之前上传视频是调后端接口,接口将视频保存到服务器,然后返回视频链接. ...
vue上传视频upload的引用
上传视频用的el-upload, 前后端分离的项目,应该用: http-request="触发的方法名" :show-file-list="false" 接口不 ...
vue上传视频到华为云obs
公司做的后台,需要上传视频,但是视频会非常的大,动不动就到了1G.后端接口上传肯定是非常慢的,公司决定使用华为云直传. 我看到有两种方法一个是npm下载,第二个就是github下载文件引入,今天讲的是 ...
保利威视平台：视频远程同步工具
对于远程服务器上的视频文件,Polyv有一个远程抓取接口, 不过批量视频抓取,可以采用视频远程同步工具. 导入任务先用文本编辑器创建文件,整理好视频的链接和对应的标题逗号分隔,每一行一条列表,保存为 ...
vue上传视频获取视频第一帧
<div class="video" v-show="videoUrl"><video id="upvideo" v-sh ...
阿里云，腾讯云，保利威视，金山云，七牛云的视频云方案的不同之处。
前几年,国内的视频云竞争确实超级火爆,以公共云为代表的阿里云.腾讯云等大力投入视频云研发及市场推广,都取得了不错的成绩:金山云.七牛云等也纷纷推出了自家的视频云平台. 阿里云由于初期承诺只做底层,而视 ...
Python笔记_84_我的订单_使用celery完成订单超时_视频播放_使用保利威视频加密
文章目录我的订单后端提供查询当前登录用户的订单列表信息前端请求获取当前登录用户的订单信息订单状态显示分析使用Celery的定时任务来完成订单超时功能视频播放使用保利威云视频服务来对视频进 ...
vue 获取上传视频的第一帧做为视频封面
上一篇文章记录了vue上传视频,接下来,需要在上传成功后截取视频第一帧做为视频封面. 截取视频第一帧具体实现如下: <template><div><div v-if=& ...
SaaS化MR直播正式上线！保利威开启轻量化虚拟直播时代
今年3月份,保利威在Service+战略会上发布了SaaS化的MR直播系统. 坦白说,包括小编在内的绝大多数保利威人,都觉得这"事"没想象中的那么简单. ▲ 保利威发布SaaS化的 ...

vue 上传视频到保利威视

vue 上传视频到保利威视相关推荐

最新文章

热门文章