腾讯云 视频 点播 视频上传接口
申请腾讯云 获取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 ...
最新文章
- 详细的聊聊接口性能优化的11个小技巧 不收藏对不起我
- mysql分页与分页性能查询优化
- labview在2048中添加时间滚动条_Axure 教程:不可见滚动条的页面滚动效果
- 系统调用003 系统服务表
- 更新Oracle的Date字段
- 【⚡小丑竟然是我自己⚡】安防三年,今天才知道什么是ONVIF
- scss与sass介绍
- Kibana安装-源码
- 简繁体在线切换JS插件
- 大厂阿里程序员的薪资:简述阿里的薪酬体系和职级
- 关于3D打印文件格式:STL、OBJ、AMF、3MF的详解
- Js获取屏幕宽度、高度 移动端H5适配
- 清华刘云浩教授回复学生2000问,你想了解的人工智能问题可能都在这里
- python雨课堂答案_雨课堂和微助教的比较分析
- vue实现列表无缝滚动
- A Survey on Knowledge Graphs___Representation, Acquisition and Applications.知识图谱综述:表示,获取,应用
- php搭建aria2,CentOS vps安装aria2 + ariaNg + h5ai搭建下载服务器
- matlab 心形曲线
- 第二章 前端开发——JavaScript
- 镂空三角形(for循环找规律)
热门文章
- 反编译DLL并修改再生成DLL
- 支付宝二面:Mybatis 接口 Mapper 内的方法为啥不能重载吗?我直接懵逼了。。。
- 文件句柄?文件描述符?傻傻分不清楚
- 从零单排学Redis【铂金二】
- 不是技术也能看懂容器技术与容器平台
- 电商那些年,我摸爬打滚出的高并发架构实战精髓
- 框架:SpringMVC的工作原理
- Python 使用正则表达式中的 /b 的时候出现了问题
- Springboot+JPA 对应关系查询时导致的堆栈溢出 :java.lang.StackOverflowError:
- javax.servlet.jsp.JspFactory.getJspApplicationContext(Ljavax/servlet/ServletContext;)Ljavax/servlet/