> For the complete documentation index, see [llms.txt](https://polyv.gitbook.io/document/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://polyv.gitbook.io/document/docs/unclassified/2013/dc9d95dd349f2603db589095219c2beb.md).

# POLYV Web上传插件(V1.0)

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

```
```

接下来，引用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计算得到的值，如：

```
```

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

```
```

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

```
//前端js每隔3分钟去调用reload.php去获取最新的ts、hash、sign
//并通过上传插件的update方法去更新数据

    setInterval(function(){
       $.getJSON( "reload.php?callback=?", function( data ) {
        upload.update(data);

       });
     },3*60*1000);
```

```
//服务端reload.php的源码示例，用来输出ts、sign、hash的值


({
ts:'',
sign:'',
hash:''
});
```

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

```
var obj = {
	response: function(json) {  
		var scriptdata = "" +
		"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();
		
	}
}</pre>
点击”上传”——“视频列表”——“返回视频信息”，可以在文本框看到POLYV云平台返回的response事件函数中的data数据。
示例可点击参考:
示例源码：
```