?

?

申請(qǐng)騰訊云? 獲取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

?

?

?

根據(jù)Java 簽名示例獲取相關(guān)的簽名? 根據(jù)上面簽名案例

var getSignature = function (callback) {
??? $.ajax({
??????? type: "get",
??????? url: "getMyKey",
??????? dataType: "text",
??????? success: function (result) {
??????????? callback(result);
??????? },
??????? error: function (result) {
??????????? alert("失敗");
??????? }
??? });
}

頁(yè)面引入相關(guān)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() { ??? //判斷是否為空 ??? //開(kāi)始上傳視頻文件 ??? 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('操作異常，請(qǐng)稍后重試！', {time: 2000}); ??????????????????? return false; ??????????????? } ??????????????? var id = result.fileId; ??????????????? var path = result.videoUrl; ??????????????? var name = result.videoName; ??????????????? if (id == "" || id == null) { ??????????????????? layer.msg('請(qǐng)先上傳文件！', {time: 2000}); ??????????????????? return false; ??????????????? } ??????????????? if (path == "" || path == null) { ??????????????????? layer.msg('請(qǐng)先上傳文件！', {time: 2000}); ??????????????????? return false; ??????????????? } ??????????????? if (name == "" || name == null) { ??????????????????? layer.msg('請(qǐng)先上傳文件！', {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) { ??????????????????? }, ??????????????????? error: function (result) { ??????????????????? } ??????????????? }); ??????????? } ??????? }); ??? } else { ??????? layer.msg('請(qǐng)選擇上傳文件！', {time: 2000}); ??? } }

?

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/jiahaoJAVA/p/8028325.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的腾讯云 视频 点播 视频上传接口的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。