web利用腾讯云点播上传视频

web利用腾讯云点播上传视频到云服务器

第一步导入

<script src="//imgcache.qq.com/open/qcloud/js/vod/sdk/ugcUploader.js"></script>

第二步在服务端设置秘钥，我用的是javaee 编写一个Signature类

所需jar包http://download.csdn.net/download/sinat_36596988/10195891

import javax.crypto.Mac;import javax.crypto.spec.SecretKeySpec;
import Decoder.BASE64Encoder;public class Signature {
private String secretId;
private String secretKey;
private long currentTime;
private int random;
private int signValidDuration;private static final String HMAC_ALGORITHM = "HmacSHA1";
private static final String CONTENT_CHARSET = "UTF-8";public static byte[] byteMerger(byte[] byte1, byte[] byte2) {
byte[] byte3 = new byte[byte1.length + byte2.length];
System.arraycopy(byte1, 0, byte3, 0, byte1.length);
System.arraycopy(byte2, 0, byte3, byte1.length, byte2.length);
return byte3;
}
public String getUploadSignature() throws Exception {
String strSign = "";
String contextStr = "";long endTime = (currentTime + signValidDuration);
contextStr += "secretId=" + java.net.URLEncoder.encode(secretId, "utf8");
contextStr += "¤tTimeStamp=" + currentTime;
contextStr += "&expireTime=" + endTime;
contextStr += "&random=" + random;
try {
Mac mac = Mac.getInstance(HMAC_ALGORITHM);
SecretKeySpec secretKey = new SecretKeySpec(this.secretKey.getBytes(CONTENT_CHARSET), mac.getAlgorithm());
mac.init(secretKey);
byte[] hash = mac.doFinal(contextStr.getBytes(CONTENT_CHARSET));
byte[] sigBuf = byteMerger(hash, contextStr.getBytes("utf8"));
strSign = new String(new BASE64Encoder().encode(sigBuf).getBytes());
strSign = strSign.replace(" ", "").replace("\n", "").replace("\r", "");
} catch (Exception e) {
throw e;
}
return strSign;
}public void setSecretId(String secretId) {
this.secretId = secretId;
}public void setSecretKey(String secretKey) {
this.secretKey = secretKey;
}public void setCurrentTime(long currentTime) {
this.currentTime = currentTime;
}public void setRandom(int random) {
this.random = random;
}public void setSignValidDuration(int signValidDuration) {
this.signValidDuration = signValidDuration;
}
}

//通过shangchuan.do方法得到秘钥
//APPID APPKEY 进入腾讯云控制台获取https://console.cloud.tencent.com/cam/capi
@RequestMapping("shangchuan.do")@ResponseBodypublic String shangchuan(Model model){Signature sign = new Signature();sign.setSecretId("你的APPID");sign.setSecretKey("你的APPKEY");sign.setCurrentTime(System.currentTimeMillis() / 1000);sign.setRandom(new Random().nextInt(java.lang.Integer.MAX_VALUE));sign.setSignValidDuration(3600 * 24 * 2);try {String signature = sign.getUploadSignature();//System.out.println("signature : " + signature);return signature;} catch (Exception e) {            e.printStackTrace();return "获取签名失败";}}

第三步通过ajax方法得到秘钥并且上传

<html>
<head>
<title>My JSP 'shang.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="//imgcache.qq.com/open/qcloud/js/vod/sdk/ugcUploader.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body><form id="form1"><input id="uploadVideoNow-file" type="file" /></form>
</body>
</html>
<script>var getSignature = function(callback) {$.ajax({url : "shangchuan.do", //服务器获取客户端上传签名的URLtype : "POST",success : function(result) {//result.returnData.signature为获取到的签名callback(result);//callback(result.returnData.signature);}});};$('#uploadVideoNow-file').on('change', function(e) {var videoFile = this.files[0];var resultMsg = qcVideo.ugcUploader.start({videoFile : videoFile,getSignature : getSignature,allowAudio : 1,isTranscode: 1,success : function(result) {alert("上传成功");},error : function(result) {alert("上传失败");},progress : function(result) {alert("上传进度：" + result.curr);},finish : function(result) {alert("上传完成");}});});
</script>

具体事件https://cloud.tencent.com/document/product/266/9239

然后登录腾讯云控制台的点播功能查看上传的视频（需要转码成功后(会自动转码，需要一定时间)）

web利用腾讯云点播上传视频相关推荐

php视频播放链提取,php获取腾讯云点播上传视频后获取视频url地址以及时长 | 小灰灰博客...
/** * Created by PhpStorm. * User: 小灰灰 * Date: 2018/12/23 9:02 * Other: */ class Test { public funct ...
腾讯云点播上传视频回调接口
@Controller @RequestMapping("/hui") public class huiDiao {@RequestMapping("/diao" ...
java对接云点播上传视频,视频转码，播放视频,删除视频
java对接云点播上传视频并且自动触发转码任务回调更新成m3u8格式的视频前端拿到签名上传文件,签名加转码参数会触发转码任务,转码任务完成会回调设置的回调接口 /*** @desc:获取上传签名* ...
利用腾讯云进行上传文件
1.导入依赖 <dependency><groupId>com.qcloud</groupId><artifactI ...
腾讯云cos上传文件功能封装
前言:要使用cos要先去腾讯云创建cos储存桶,创建完储存桶按步骤来就可以了. 安装依赖 npm i cos-js-sdk-v5 创建文件upload.js const COS = require(' ...
酷播云如何上传视频到云平台？
酷播云如何上传视频到云平台的完整教程,由于酷播云是免费视频存储,无任何广告,更没有youku,tudou那种前置70秒的视频广告,用来上传企业宣传视频,还是很不错的. 那么说说如何使用酷播云上传视频吧 ...
web端利用腾讯云点播接口上传视频
腾讯云web上传文件文档 https://cloud.tencent.com/document/product/266/9239#.E5.B8.B8.E8.A7.81.E9.97.AE.E9.A2.9 ...
TP5.1 extend 乐视云实现点播上传视频
官方DEMO包下载:http://www.lecloud.com/zh-cn/help/api.html 一.把解压包中Video.php(sdk_php/lib/Video.php)放到\exten ...
使用阿里云视频点播上传视频
目录前言一.目的二.实现步骤 1.准备操作 2.主要使用模块 2.1. 上传音频 2.2. 添加转码设置 3.搭建视频点播环境 3.1.配置Maven仓库 3.2.添加jar依赖 3.3.上传视 ...

web利用腾讯云点播上传视频

web利用腾讯云点播上传视频相关推荐

最新文章

热门文章