腾讯云 视频 点播 视频上传接口
申请腾讯云 获取id 及 key
【腾讯云视频】Web上传 地址
https://cloud.tencent.com/document/product/266/9239
Java 签名示例
https://cloud.tencent.com/document/product/266/10638
demo
http://video.qcloud.com/sdk/ugcuploader.html?_ga=1.215462160.645636177.1512724448
根据Java 签名示例获取相关的签名 根据上面签名案例
var getSignature = function (callback) {
$.ajax({
type: "get",
url: "getMyKey",
dataType: "text",
success: function (result) {
callback(result);
},
error: function (result) {
alert("失败");
}
});
}
页面引入相关js
<script src="//imgcache.qq.com/open/qcloud/js/vod/sdk/ugcUploader.js" type="text/javascript"></script>
<label>
上传视频 :
</label>
<input type="file" id="videoFile" name="videoFile" required="required" accept=".avi,.3gp,.mpg,.flv,.mp4,.mkv,.wmv,.rmvb" >
</div>
<div id="Blenght" class="progress progress-striped" style="display:none;width: 300px;height: 15px;margin-left:45px;margin-bottom: 1px;">
<div id="my-bar-success" class="progress-bar progress-bar-success my-bar-success" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 0%;">
</div>
<div id="countNum" class="len-countNum">
<em id="style-em-1" class="em-style"></em><em id="style-em-2" class="em-style"></em></div>
</div>
function saveVideo() { //判断是否为空 //开始上传视频文件 var videoObj = document.getElementById("videoFile"); /*console.log();*/ if (videoObj.files.length) { var resultMsg = qcVideo.ugcUploader.start({ videoFile: videoObj.files[0], getSignature: getSignature, success: function (result) { }, error: function (result) { alert('上传失败的原因:' + result.msg); $(".div-grop").show(); $("#Blenght").css("display", "none"); $("#qued").show(); }, progress: function (result) { var progressNum = result.shacurr; progressNum = progressNum * 100; $("#my-bar-success").css("width", parseInt(progressNum) + "%"); $("#style-em-1").html(parseInt(progressNum) + "%"); }, finish: function (result) { if (!result) { layer.msg('操作异常,请稍后重试!', {time: 2000}); return false; } var id = result.fileId; var path = result.videoUrl; var name = result.videoName; if (id == "" || id == null) { layer.msg('请先上传文件!', {time: 2000}); return false; } if (path == "" || path == null) { layer.msg('请先上传文件!', {time: 2000}); return false; } if (name == "" || name == null) { layer.msg('请先上传文件!', {time: 2000}); return false; } $("#videoId").val(id); $("#videoPath").val(path); $("#videoName").val(name);// $.ajax({ type: "POST", url: "saveVideo", data: $('#videoform').serialize(), dataType: "text", success: function (result) { }, } |
|
转载于:https://www.cnblogs.com/jiahaoJAVA/p/8028325.html
腾讯云 视频 点播 视频上传接口相关推荐
- 腾讯云COS服务器文件上传与生命周期的设置,以及Opencv nparry数组格式图片非文件流方式上传
目录 Opencv numpy arry图片非文件流直接上传 腾讯云COS服务器的文件上传和生命周期的设置 1.申请服务器 2.创建桶 3.官方文档以及安装SDK 4.开始使用(官方示例代码) 5.必 ...
- Typora+PicGo+腾讯云COS实现图片上传功能
文章目录 * * 一.前言 * 二.安装Typora和PicGo * 三.[腾讯云](https://l.gushuji.site/tencent)COS创建对象存储 * 四.配置Typora和Pic ...
- 腾讯云cos预签名上传文件
腾讯云cos预签名上传文件 链接: 文档地址 下面展示一些 内联代码片. 后端要个 scene的值 这个是你上传什么类型的文件传不同的值 然后成功之后调一个原生的put请求 最后会得到一个 retur ...
- 第三方存储系统(一):阿里云OSS云存储配置及Java上传接口设计
第三方存储系统(一):阿里云OSS云存储配置及Java上传接口设计 项目开发中,为了实现静态资源分离,提高系统运行的速率和稳定性,我们会把资源文件剥离出项目系统.而搭建文件存储系统就成为了不可或缺的工 ...
- 金蝶云星空ERP附件上传接口开发思路
1️⃣ 需求描述:需要通过调用金蝶API接口实现指定单据的附件上传.本文以收料通知单为例,以Java代码示例进行讲解. tips:阅读本文开始前,希望你是一名开发者同时阅读过: https://vip ...
- 上传excel腾讯云服务器,使用SpringBoot上传文件到腾讯云
最近在做一个项目,涉及到腾讯云上传文件/图片到服务器,为了图方便并且提升访问速度,想着上传到腾讯云存储桶是一个不错的选择.腾讯云存储桶的创建可见我之前的文章. 当然存储桶里面不仅可以存图片,也可以存储 ...
- ios腾讯云文件服务器,使用axios 上传文件到腾讯云
在网上看到的好多的都是使用七牛的,花了一点时间看了下腾讯的. 不管那个云服务都是 客户端通过自己的key 进行加密,服务器解密 查看是否有资格,然后进行传输. 使用腾讯云的对象存储. 整个流程: 腾讯 ...
- 使用cos-js-sdk-v5腾讯云实现cos文件上传
官方地址 快速入门 1. 封装uploadFile.ts 安装命令 npm i cos-js-sdk-v5 --save import COS from "cos-js-sdk-v5&quo ...
- 连接腾讯云服务器操作+SCP上传文件
1.连接腾讯云服务器 linux打开终端(windows打开cmd) ssh -i "<下载的与云服务器关联的私钥的绝对路径>" <username>@&l ...
- 腾讯云cos的图片上传
使用cos对象存储调用 工具类如下: // 存储桶名称 private static final String bucketName = ""; //secretI ...
最新文章
- 买了《精通spring 2.0》
- 0/0型极限等于多少_求极限时是否可以进行代入?
- vmware workstation使用方法
- asp.net MVC 过滤器使用案例:统一处理异常顺道精简代码
- 【好文共分享】关于ora-04065和ora-04068的原理解释
- MappedByteBuffer的使用
- hadoop碰到的 一个问题
- 表格存储Tablestore权威指南(持续更新)
- java web 课程设计_关于Javaweb课程设计的心得体会.doc
- c int最小值的宏_20个成熟软件中常用的宏定义,赶快收藏!
- vue实现上移下移_vue.js实现组件间的上移下移
- RAID 磁盘阵列详解,RAID分类及优缺点
- 隔离电源模块的5个作用
- android:persistent=true作用
- [play framework] Seperate the admin, and build it as a module in play framework
- 计算机毕设项目 python微信公众平台机器人
- 前端自动化构建工具:用Gulp4.0搭建一个基本的前端开发环境
- poj 1324 Astar
- random_state = 42
- 上海现有电视频道分配表
热门文章
- js弹性运动滑动的菜单
- 因 Redis 分布式锁造成的 P0 级重大事故,整个项目组被扣了绩效。。。
- 可用性高达99.999%!支付系统高可用架构设计实战
- 干货|为什么Kafka不支持读写分离
- 再谈 HBase 八大应用场景
- [Python]网络爬虫(三):异常的处理和HTTP状态码的分类
- Spring Cloud构建微服务架构(四)分布式配置中心
- wpf ui框架_RapidCAX 开源UI框架
- 服务器光信号闪红灯是什么意思,路由器光信号闪红灯是什么意思
- 投资100亿美元,谷歌计划在2020年向美国办事处和数据中心