巩义网站建设,巩义网站制作,巩义做网站-全栈网络

如何使用vue实现阿里云视频上传的功能?

如何使用vue实现阿里云视频上传的功能?

时间: 2019-03-21 17:25:40 分类: 网站代码 浏览次数: 256

网站建设项目开发中,我们一般都采用了服务器更稳定,技术及服务更完善的阿里云作为我们的硬件基础,那么基于阿里云的视频传输存储服务,我们如何使用vue来实现视频的上传呢?...

网站建设项目开发中,我们一般都采用了服务器更稳定,技术及服务更完善的阿里云作为我们的硬件基础,那么基于阿里云的视频传输存储服务,我们如何使用vue来实现视频的上传呢?

如何使用vue实现阿里云视频上传的功能?
 
阿里云视频点播(VOD)是集音视频采集、编辑、上传、自动化转码处理、媒体资源管理、分发加速、视频播放于一体的一站式网站及移动端视频点播解决方案。不同于图片使用的阿里云对象存储(OSS),在阿里云上传视频中,我们是基于阿里云视频点播(OSS)来实现的。
在阿里云提供的视频上传服务中,对于前端来说,只有web网页端的javascript上传参考文档,对于目前网站建设中使用较多的vue来说,阿里并没有给出合适的解决方案,大家可以参考以下解决方案。


1.在我们的项目index.html页面引入js支持文件,这些注意版本号的坑,与后端对应。

 

2.这里注意阿里云视频上传有两种方式,:VodMode 、STSMode。两者在视频上传中需要的上传凭证是不同的,在STS模式下需要后端给我们的值有:securityToken、accessKeyId、accessKeySecret,我们使用此方式,演示代码如下:

 


结合后台提供的接口,我们在获取到后台提供的token之后,就可以实现使用vue来实现视频上传的功能,同时根据自己的需求,大家可以直接返回视频上传地址或传入富文本编辑器进行下一步操作。

未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络

发表评论:

评论记录:

游客 2021-05-31 14:12:12

js怎么来


热门标签

Copyright ? 2017-2020 版权所有:全栈网络工作室 备案号:豫ICP备2023004016号 HTML网站地图
郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|巩义做网站-全栈网络
{/pboot:if}