前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >腾讯云 上传视频_云点播系统源码

腾讯云 上传视频_云点播系统源码

作者头像
全栈程序员站长
发布2022-11-17 18:10:47
14.1K0
发布2022-11-17 18:10:47
举报

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

第一步导入

代码语言:javascript
复制
<script src="//imgcache.qq.com/open/qcloud/js/vod/sdk/ugcUploader.js"></script>

Jetbrains全家桶1年46,售后保障稳定

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

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

代码语言:javascript
复制
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;
}
}
代码语言:javascript
复制
//通过shangchuan.do方法得到秘钥
//APPID APPKEY 进入腾讯云控制台获取https://console.cloud.tencent.com/cam/capi
@RequestMapping("shangchuan.do")
	@ResponseBody
	public 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 "获取签名失败";
		}
	}
代码语言:javascript
复制
代码语言:javascript
复制
第三步通过ajax方法得到秘钥并且上传
代码语言:javascript
复制
<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", //服务器获取客户端上传签名的URL type : "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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/222750.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022年10月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云点播
面向音视频、图片等媒体,提供制作上传、存储、转码、媒体处理、媒体 AI、加速分发播放、版权保护等一体化的高品质媒体服务。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档