码迷,mamicode.com
首页 > Web开发 > 详细

腾讯云 视频 点播 视频上传接口

时间:2017-12-12 17:26:00      阅读:820      评论:0      收藏:0      [点我收藏+]

标签:alert   signature   1.2   cal   视频上传   key   href   value   upload   

 

 

申请腾讯云  获取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) {

                    },
                    error: function (result) {

                    }
                });
            }
        });
    } else {
        layer.msg(‘请选择上传文件!‘, {time: 2000});
    }
}
 
   

 

腾讯云 视频 点播 视频上传接口

标签:alert   signature   1.2   cal   视频上传   key   href   value   upload   

原文地址:http://www.cnblogs.com/jiahaoJAVA/p/8028325.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!