1.DOM界面

• HTML界面

<div id="aqes"></div>//如果将aqes嵌入某页面，包裹其的父元素需要有高度

• 引入js

<script type="text/javascript" src="//cdn.aodianyun.com/static/jquery/jquery-1.11.1.min.js"></script><script type="text/javascript" src="//cdn.aodianyun.com/aqes/v1/js/comment.js"></script>

• 部分css样式

body {  background-color: #151515;}

2.配置参数

• 配置选项

AQES.Config({
  //容器的id
  access_id: '110009843585', //奥点AccessID 奥点控制台获取
  id: 'aqes',//快剪（aqes）容器id
  // 导播台域名
  domain: getQueryStr('domain') || 'nle',//lcps导播台domain
  uin: '1011',// 奥点uin 在奥点控制台获取
  //下拉拖进轨道的视频的类名，视频的信息也放在该元素上
  drag_ele: 'dragele',
  headline: '帧级快剪', //页面左侧标题
  stream: '', //存储后的stream名称,只能由字母和数字组成，同一stream，如果在一秒中有两个视频同时上传，有被覆盖风险，默认会随机生成，如无特殊需求，不推荐定义
  // event: event,
  mzList: [
    // 若html不为空，interface不起作用
    {
      title: '上传列表',// 媒资侧边栏标题
      interface: getUploadList,
      config: {
        showTitleSearch: true//标题搜索 是否展示 Boolean 默认false 不展示
      },
      html: ''
    },
    {
      title: '直播列表',
      interface: getLiveList,
      config: {
        showDatePicker: true//日期搜索 是否展示 Boolean 默认false 不展示 
      },
      html: ''
    }
  ],
  //导出视频处理函数
  saveas: function(obj) {
    // obj = {
    //   title     视频的标题
    //   duration   时长（s）
    //   height  
    //   preview_img  视频预览图
    //   size  大小
    //   url   视频地址
    //   width
    // }
  }
  
})

// 获取路由参数
function getQueryStr(str, url) {
  var LocString = String(url != undefined ? url : window.document.location.href)
  var rs = new RegExp('(^|)' + str + '=([^&]*)(&|$)', 'gi').exec(LocString),
    tmp
  if ((tmp = rs)) return decodeURIComponent(tmp[2])
  return ''
}
function getLiveList({ page, sTime, eTime, title, num }, callback) {
  data = {
    uin: AQES.uin,
    type: 'direct',
    page: page,// 当前页
    stime: sTime,// 视频文件的上传时间的开始时间
    etime: eTime,// 视频文件的上传时间的结束时间
    title: title,// 视频的标题
    num// 视频分页量 默认20个
  };
  $.ajax({
    type: 'POST',
    url: '//console.aodianyun.com/share/index.php?r=nces/getMssVideo',
    data: data,
    dataType: 'JSON',
    async: false,
    success: function(res) {
      // "title", "thumbnail", "duration", "date", "src_id", "src_from"
      if (res.Flag === 100) {
        //过滤被AQES剪辑过的视频
        res.List = res.List.filter(item => item.source != 'AQES')  
        AQES.callbackResult = res.List.map(item => {
          return {
            title: item.title,//视频的标题
            thumbnail: item.thumbnail,//视频的封面图，通常为视频的第一帧
            duration: item.duration,//视频的时长
            date: item.uptime,//视频文件的上传时间
            id: item.id,//为视频ID编号
            url: item.url.slice(-4) == 'm3u8' ? item.url : item.m3u8_1080 || item.m3u8_720 || item.m3u8_480 || item.m3u8_360 || item.m3u8_240 || item.m3u8 || item.url//为视频的播放地址
          }
        })
        callback && callback(AQES.callbackResult)
      }
    }
  })
}
function getUploadList({page, sTime, eTime, title,num},callback){
  data = {
    uin: AQES.uin,
    type: 'upload',
    page: page,
    stime: sTime,
    etime: eTime,
    title: title,
    num
  };
  $.ajax({
    type: 'POST',
    url: '//console.aodianyun.com/share/index.php?r=nces/getMssVideo',
    data: data,
    dataType: "JSON",
    async : false,
    success: function(res) {
      if (res.Flag === 100) {
        AQES.callbackResult = res.List.map(item => {
          return {
            title: item.title,
            thumbnail: item.thumbnail,
            duration: item.duration,
            date: item.uptime,
            id: item.id,
            url: item.url.slice(-4) == 'm3u8' ? item.url : item.m3u8_1080 || item.m3u8_720 || item.m3u8_480 || item.m3u8_360 || item.m3u8_240 || item.m3u8 || item.url
          }
        })
        callback && callback(AQES.callbackResult)
      }
    }
  })
}

• 初始化

AQES.Init() //初始化