POLYV Web上传插件(V1.0)

使用POLYV Web上传插件,首先在页面上做一个上传按钮。

<input type="button" id="upload" value="上传"></input>

接下来,引用POLYV Web上传插件的js,初始化上传参数并新建一个上传示例。
上传参数解释:
cataid:上传目录id;
luping:开启视频课件优化处理,对于上传录屏类视频清晰度有所优化;
state:自定义参数,可以通过回调通知接口抓取到该字段;
keepsource:源文件播放(不对源文件进行编码)。

var obj = {
    uploadButtton: "upload",   //打开上传控件按钮id
    userid : "sl8da4jjbx",
    ts : "1470708600000",
    hash : "66983f12660727d5767ca397f52e54ca",
    cataid:'1352947888026',
    sign: "fa36e05987b4b7c3b150003dd1122b30",
    luping: 1, //开启课件优化
    extra: {
        state: 'hellopolyv',//自定义参数,可以通过回调通知接口抓取到该字段
        keepsource: '1' //源文件播放(不对源文件进行编码)
            }
   }
    var upload = new PolyvUpload(obj);

hash的值,是根据将13位的毫秒级时间戳和writeToken按照顺序拼凑起来的字符串进行MD5计算得到的值,如:

<?php
$ts = time()*1000;
$writeToken = "Y07Q4yopIVXN83n-MPoIlirBKmrMPJu0";
$plain = $ts.$writeToken;
$hash = md5($plain);
?>

sign的值,是根据将secretkey和13位的毫秒级时间戳按照顺序拼凑起来的字符串进行MD5计算得到的值,如:

<?php
$ts = time()*1000;
$secretkey = "DFZhoOnkQf";
$sign = md5($secretkey.$ts);
?>

由于时间戳的有效期为3分钟,为了避免停留在同一个页面3分钟后,无法在同一个页面使用该上传插件的功能,需要客户端页面每隔3分钟刷新获取最新的ts、hash、sign的值,并调用插件的update方法更新数据。

//前端js每隔3分钟去调用reload.php去获取最新的ts、hash、sign
//并通过上传插件的update方法去更新数据
<script type="text/javascript">
    setInterval(function(){
       $.getJSON( "reload.php?callback=?", function( data ) {
        upload.update(data);

       });
     },3*60*1000);
</script>
//服务端reload.php的源码示例,用来输出ts、sign、hash的值
<?php
$callback = $_GET["callback"];
$userid = "sl8da4jjbx";
$ts = time()*1000;
$secretkey = "DFZhoOnkQf";
$sign = md5($secretkey.$ts);

$writeToken = "Y07Q4yopIVXN83n-MPoIlirBKmrMPJu0";
$plain = $ts.$writeToken;
$hash = md5($plain);
?>

<?php echo $callback;?>({
ts:'<?php echo $ts;?>',
sign:'<?php echo $sign;?>',
hash:'<?php echo $hash;?>'
});

如果需要在前端页面中显示服务器返回的响应信息,可以点击”上传”——“视频列表”——“返回视频信息”触发response事件,需要在初始化上传参数中加上response事件参数,并在页面中加上对应的文本框元素。如果还需要在点击“返回视频信息”按钮时自动关闭弹窗,可以加上upload.closeWrap()方法。

var obj = {
    response: function(json) {  
        var scriptdata = "<script>" +
        "var player = polyvObject('#plv_" + json.vid + "').videoPlayer({\n" +
                                    "'width':'690',\n"+
                                    "'height':'385',\n"+
                                    "'vid' : '" + json.vid + "'"+
                                "});<\/script>";
                                
        document.getElementById("textbody").value = document.getElementById("textbody").value + scriptdata;
        
        //如果需要关闭窗口
        upload.closeWrap();
        
    }
}

点击”上传”——“视频列表”——“返回视频信息”,可以在文本框看到POLYV云平台返回的response事件函数中的data数据。12

示例可点击参考:POLYV Web上传插件
示例源码:POLYV_uploadPlugin.zip

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...