阿里云视频点播Demo

news/2025/1/13 3:02:43/

前端使用Web端SDK下载,web端先调取自己服务器编写的接口,自己服务器接口中利用服务端接口SDK调取相应的方法
还有个“全局设置”》“回调设置”中设置回调地址,会传过来视频ID,可在视频上传完成后更新视频时长,播放地址等详细信息。
Demo源码:https://github.com/hanpanapn/AliyunVideo-Demo.git
写的不好,如果你还是不懂,可以发邮件给我^^ hanpanpan@outlook.com,记得写邮件主题哦。

    var serverRoot = "http://localhost:55962";function createUploader() {var uploader = new AliyunUpload.Vod({timeout:  60000,//请求过期时间partSize: 1048576,//分片大小parallel:  5,//上传分片数retryCount:  3,//网络失败重试次数retryDuration: 2,//网络失败重试间隔region: "cn-shanghai",//配置项 region eu-central-1,ap-southeast-1userId: "1048573540209196",//这个ID就是阿里个人中心的“安全设置”里面的// 添加文件成功addFileSuccess: function (uploadInfo) {$('#authUpload').attr('disabled', false); $('#resumeUpload').attr('disabled', false)$('#status').text('添加文件成功, 等待上传...')},// 开始上传onUploadstarted: function (uploadInfo) {if (!uploadInfo.videoId) {//调用自己编写的CreateUploadVideo接口,服务端调取阿里返回视频上传地址和凭证//下面接口的在服务端的代码我也写出来,请往后看。var createUrl = serverRoot + '/AliVideo/CreateUploadVideo';createUrl += "?Action=CreateUploadVideo";createUrl += "&Title=" + uploadInfo.file.name;createUrl += "&FileName=" + uploadInfo.file.name;//视频源文件名 必须带扩展名,且扩展名不区分大小写。createUrl += "&FileSize=" + uploadInfo.file.size;// createUrl += "&Description=xx";// createUrl += "&CoverURL=xx";//自定义视频封面URL地址。//  createUrl += "&CateId=xx";//视频分类ID// createUrl += "&Tags=xx"; //视频标签。  最多不超过16个标签 多个用逗号分隔。 单个标签不超过32个字符或汉字。$.get(createUrl, function (data) {var uploadAuth = data.UploadAuthvar uploadAddress = data.UploadAddressvar videoId = data.VideoIduploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress, videoId)}, 'json')$('#status').text('文件开始上传...')} else {// 如果videoId有值,根据videoId刷新上传凭证var refreshUrl = serverRoot + '/AliVideo/RefreshUploadVideo';refreshUrl += "?VideoId=" + uploadInfo.videoId;$.get(refreshUrl, function (data) {var uploadAuth = data.UploadAuthvar uploadAddress = data.UploadAddressvar videoId = data.VideoIduploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress, videoId)}, 'json')}},// 文件上传成功onUploadSucceed: function (uploadInfo) {console.log("onUploadSucceed: " + uploadInfo.file.name + ", endpoint:" + uploadInfo.endpoint + ", bucket:" + uploadInfo.bucket + ", object:" + uploadInfo.object)console.log(uploadInfo);$('#status').text('文件上传成功!')},// 文件上传失败onUploadFailed: function (uploadInfo, code, message) {console.log("onUploadFailed: file:" + uploadInfo.file.name + ",code:" + code + ", message:" + message)$('#status').text('文件上传失败!')},// 取消文件上传onUploadCanceled: function (uploadInfo, code, message) {console.log("Canceled file: " + uploadInfo.file.name + ", code: " + code + ", message:" + message)$('#status').text('文件上传已暂停!')},// 文件上传进度,单位:字节, 可以在这个函数中拿到上传进度并显示在页面上onUploadProgress: function (uploadInfo, totalSize, progress) {console.log("onUploadProgress:file:" + uploadInfo.file.name + ", fileSize:" + totalSize + ", percent:" + Math.ceil(progress * 100) + "%")var progressPercent = Math.ceil(progress * 100)$('#auth-progress').text(progressPercent)$('#status').text('文件上传中...')},// 上传凭证超时onUploadTokenExpired: function (uploadInfo) {// 上传大文件超时, 如果是上传方式一即根据 UploadAuth 上传时// 需要根据 uploadInfo.videoId 调用刷新视频上传凭证接口(https://help.aliyun.com/document_detail/55408.html)重新获取 UploadAuth// 然后调用 resumeUploadWithAuth 方法$('#status').text('文件上传超时!')let refreshUrl = serverRoot + '/AliVideo/RefreshUploadVideo';refreshUrl += "?VideoId=" + uploadInfo.videoId;$.get(refreshUrl, function (data) {var uploadAuth = data.UploadAuthuploader.resumeUploadWithAuth(uploadAuth)console.log('upload expired and resume upload with uploadauth ' + uploadAuth)}, 'json')},// 全部文件上传结束onUploadEnd: function (uploadInfo) {$('#status').text('文件上传完毕!')}})return uploader}
  public CreateUploadVideoResponse CreateUploadVideo(CreateUploadVideoRequest request){CreateUploadVideoResponse response = new CreateUploadVideoResponse();try{//这里用的accessKeyId, accessKeySecret 是点个人头像弹出的列表有设置的地方DefaultAcsClient client = InitVodClient(accessKeyId, accessKeySecret);response = client.GetAcsResponse(request); }catch (ServerException ex){// Console.WriteLine(ex.ToString());}catch (ClientException ex){// Console.WriteLine(ex.ToString());}//返回的response 中有这些参数 UploadAuth UploadAddress VideoIdreturn response;}

http://www.ppmy.cn/news/364629.html

相关文章

阿里云视频点播介绍

文章目录 1.1 视频服务概述 1.2 视频点播介绍 1.3 功能介绍 1.4 开通服务 1.5 音视频加速服务(了解) 1.6 基本使用 1.6.1 存储管理 1.6.2 设置分类 1.6.3 设置转码模板 1.6.4 上传视频 1.6.5 RAM设置 1.1 视频服务概述 https://help.aliyun.com/ 媒体处理&#xff…

阿里云点播录制,上传,播放使用说明及遇到的坑

项目开发中使用阿里云的点播功能,从中遇到了一堆坑,特写此笔记。希望对使用阿里云点播的伙伴们有所帮助。 一、讲解录制功能 首先赋上阿里云的官方录制文档 https://help.aliyun.com/document_detail/53421.html?spm5176.doc53407.6.680.S2RrZX 在gr…

腾讯云点播播放器TCPlayer开发文档整理edusoho

首先在你的页面中引入css、js文件 <link href"https://imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.css" rel"stylesheet"><!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 格式的视频&#xff0c;需要在 tcplayer.…

阿里云直播、直播录制和点播

近来公司有个直播类的项目&#xff0c;让我调研下阿里云直播&#xff0c;花了3、4天调研结束后&#xff0c;做下笔记&#xff0c;一方面自己日后便于查看&#xff0c;另一方面与大家做个交流&#xff0c;有说的不正确的。欢迎指正。 需求说明&#xff1a;本项目有三个媒体端&a…

腾讯云云直播、云点播

• 前言 • 一、腾讯云云直播、云点播 • 二、智能编排播控系统 • 1.智能编排播控系统之节目编排 • 2.智能编排播控系统之节目制作 • 3.智能编排播控系统之节目播放 • 三、云直播、云点播的安全能力 • 四、云直播、云点播接入简单 前言 智能编排播…

脑机直播 x 赛博驱魔!瑞云专访揭秘胶囊计划国风科幻神作《终极体验》制作幕后...

2021年11月B站发起了一个以扶持国内动画人为愿景与出发点的特别项目《胶囊计划》&#xff0c;以搭建一条全新的道路探索未来行业的方式。Renderbus瑞云渲染一直十分关注国创动画的发展&#xff0c;刚刚结束的2022年小宇宙计划就是由B站主办瑞云协办的青年动画赛事&#xff0c;胶…

腾讯云云点播 VOD产品概述和产品架构,云点播 VOD提供端到端的一站式音视频点播解决方案

腾讯云云点播 腾讯云点播&#xff08;Video on Demand&#xff0c;VOD&#xff09;基于腾讯多年技术积累与基础设施建设&#xff0c;为有音视频应用相关需求的客户提供包括音视频存储管理、音视频转码处理、音视频加速播放和音视频通信服务的一站式解决方案。腾讯云产品动态 …

非迅雷会员免费看云点播方法,无需软件享官方云点播

请使用最新评论下方的版本&#xff01;大家可以收藏本帖&#xff0c;以后会不定期的更新&#xff0c;所有以别再转载了&#xff0c;低调、低调&#xff01; 迅雷云点播破解脚本&#xff08;Xunlei.Any.Player&#xff09;支持 Chrome、Firefox、Opera、搜狗浏览器及所有基于chr…