 |
帮助列表 |
1、声明一个div节点 id自定义
<div id="page-wrapper" > </div> 加载下面这个js <script type="text/javascript"src="<a href="https://cdn.aodianyun.com/qes/v1/js/comment.js"> |
2、配置参数
//配置参数 VideoEdits.Config ({ //认证 access_id:'{$accessId}', expires:'{$expires}', 自定义过期时间戳 //说明 1、access_id = 从奥点去控制台获取access_id 2、expires = 过期时间，值为时间戳 3、signature_nonce = 随机数，字符串 4、signature = md5($access_key.$expires.$signature_nonce) 将access_key、expires、signature_nonce这三个参数直接拼接进行md5加密 //配置 tabList:[ {"type":"LIVE","name":"直播列表","param":"1"}, {"type":"UPLOAD","name":"上传列表"}, {"type":"MERGE","name":"合并列表"} ], //tab栏参数 type是类型 name是tab名字 param是区分同一type内的不同频道 success:suceess,//剪辑后保存函数回调，用户自己定义的，方法可以参考视频快剪的控制台代码 //注册获取视频列表函数 tagPage: tagPage,//tab切换页面 gotoPage: gotoPage,//跳转页面 serachPage: serachPage//搜索页面 |
3.初始化操作
VideoEdits.Init(); |
4.首页加载
$.ajax ({ type: 'post', url: '/vod/index.php?r=app/getVodFilingList&num='+VideoEdits.num(), dataType: 'JSON', success: function(data) { if(data.Flag == 100) { VideoEdits.loadData(null, data.List); } else { VideoEdits.loadData(data.FlagString); } } });
function success(data) { if(data.Flag == 100) { var url = "/mss/index.php?r=app/mssMergeList"; VideoEdits.Dialog(data.FlagString//保存后显示信息,url//保存后跳转地址可以不填写) } } |
5.TAB页切换
function tagPage(type,page,param) { var url = "" if(type == "LIVE") { url = '/vod/index.php?r=app/getVodFilingList&num='+VideoEdits.num()+ '&page=' + page; //这个地址是请求数据来源的地址，需要自行写接口，我们的只规定接口你传给我们的数据json结构，在第八条中是结构 } else if(type == "UPLOAD") { url = '/vod/index.php?r=app/getVodUploadList&num='+VideoEdits.num(); } else if(type == "MERGE") { url = '/vod/index.php?r=app/getVodMergeList&num='+VideoEdits.num(); } $.ajax({ type: 'post', url: url, dataType: 'JSON', success: function(data) { if(data.Flag == 100) { VideoEdits.loadData(null, data.List); } else { VideoEdits.loadData(data.FlagString); } } }); } |
6.分页跳转
function gotoPage(type, page, urlData,param) { var url = "" if(type == "LIVE") { url = '/vod/index.php?r=app/getVodFilingList&num='+VideoEdits.num(); } else if(type == "UPLOAD") { url = '/vod/index.php?r=app/getVodUploadList&num='+VideoEdits.num(); } else if(type == "MERGE") { url = '/vod/index.php?r=app/getVodMergeList&num='+VideoEdits.num(); } url += '&page=' + page + urlData; $.ajax({ type: 'post', url: url, dataType: 'JSON', success: function(data) { if(data.Flag == 100) { VideoEdits.loadData(null, data.List); } else { VideoEdits.loadData(data.FlagString); } } }); } |
7.搜索
function serachPage(type, urlData,param) { var url = ""; if(type == "LIVE") { url = '/vod/index.php?r=app/getVodFilingList&num='+VideoEdits.num(); } else if(type == "UPLOAD") { url = '/vod/index.php?r=app/getVodUploadList&num='+VideoEdits.num(); } else if(type == "MERGE") { url = '/vod/index.php?r=app/getVodMergeList&num='+VideoEdits.num(); } url += urlData; $.ajax({ type: 'post', url: url, dataType: 'JSON', success: function(data) { if(data.Flag == 100) { VideoEdits.loadData(null, data.List); } else { VideoEdits.loadData(data.FlagString); } } })； } |
8. tab切换数据源格式
{ "Flag": 100, "FlagString": "查询成功", "List": [ { "oid": "1765", "uin": "1052", "type": "live", "url": "http://9989.live-vod.cdn.aodianyun.com/m3u8/0x0/lcpsibp1ejsc14psz5evzloeo320.pgm.1498004632/lcpsibp1ejsc14psz5evzloeo320.pgm.1498004632.m3u8", "filemtime": "1498004632", "app": "南方基金", "stream": "pgm", "start": "2017-06-21 20:00:13", "end": "1498038822", "m3u8": "http://live-vod.xiaozhizuo.tv/m3u8/0x0/lcpsibp1ejsc14psz5evzloeo320.pgm.1498004632/lcpsibp1ejsc14psz5evzloeo320.pgm.1498004632.m3u8", "duration": "34190", "thumbnail": "http://cdn.dvr.aodianyun.com/pic/live-vod/images/lcpsibp1ejsc14psz5evzloeo320.pgm.1498004632", "size": "4294967295", "width": "1980", "height": "1080", "uptime": "1498046413", "id": "5949bc9961a6264368c1af59", "title": "南方基金", "mp4": "http://9989.live-vod.cdn.aodianyun.com/mp4/1920x1080/lcpsibp1ejsc14psz5evzloeo320.pgm.1498004632.mp4", "outputResolution": "1980X1080", "length": " 9 : 29 : 50" }, { "oid": "948", "uin": "1052", "type": "live", "url": "http://9989.live-vod.cdn.aodianyun.com/m3u8/0x0/lcpsibp1ejsc14psz5evzloen231.pgm.1497419863/lcpsibp1ejsc14psz5evzloen231.pgm.1497419863.m3u8", "filemtime": "1497419863", "app": "直播", "stream": "pgm", "start": "2017-06-14 17:47:04", "end": "1497433644", "m3u8": "http://live-vod.xiaozhizuo.tv/m3u8/0x0/lcpsibp1ejsc14psz5evzloen231.pgm.1497419863/lcpsibp1ejsc14psz5evzloen231.pgm.1497419863.m3u8", "duration": "13781", "thumbnail": "http://cdn.dvr.aodianyun.com/pic/live-vod/images/lcpsibp1ejsc14psz5evzloen231.pgm.1497419863", "size": "2423083077", "width": "1280", "height": "720", "uptime": "1497433624", "id": "5940d057b13db081fd6f25b1", "title": "直播", "mp4": "http://9989.live-vod.cdn.aodianyun.com/mp4/1280x720/lcpsibp1ejsc14psz5evzloen231.pgm.1497419863.mp4", "outputResolution": "1280X720", "length": " 3 : 49 : 41" } ] |
8.1：返回参考
//若没有数据 { "Flag": 200, "FlagString": "暂未查询到数据", } |
