Oxe Player

oxePlayer

来自于：开发者立即使用

全局监听

addEventListener

播放器点播直播

fixdPlay fixzPlay isFull exitFullScreen enterFullScreen isLock addDanmaku showVipView hideVipView

滑动点播直播

dbPlay zbPlay initData addDataAfter addDataBefore addStyle updateStyles updateUserInfo stopFresh hongbaoAction sendLiveGift sendLiveMessage sendLiveMembers sendLiveDanmaku setHBProgress

通用接口

addComponent updateComponent next prev playIndex start pause replay duration seekTo position screenShot remove showPlay hidePlay setVolume setMuted setSpeed clearCache

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个示例，示例中包含示例代码、知识点讲解、注意事项等，供您参考。

概述

oxePlayer播放器,功能全面，支持点播 直播 android exo内核 iOS ijkplayer avplayer内核

模块概述

1.支持点播,直播 2.缓存,分集播放 3.支持dlna投屏,视频截图,倍数 4.android 支持视频格式 m3u8,flv,mp4,webm,ts,mpd,mkv 支持rtmp直播 5.ios 支持视频格式 m3u8,flv,mp4,mov 支持rtmp直播 6.仿抖音 插屏 music,share,comment,like,avatar,focus,title,userName,musicName,hoverText,component 等自定义控件 温馨提示

  1.    fixedPlay  fixezPlay接口调用时播放位置监听事件(播放器)
  2.    oxe.addEventListener(function(ret) {
  3.            var code= ret.code;
  4.             //  0 小屏状态下返回按钮点击 
  5.             //  1 播放进度实时返回position
  6.             //  2 ad1广告点击返回 
  7.             //  3 ad2 广告点击返回 
  8.             //  4 vip点击返回 
  9.             //  6 播放 
  10.             //  7 暂停 
  11.             //  8 缓冲返回 
  12.             //  9 网络错误
  13.             //  10 钢笔图标点击
  14.             //  11 选集列表 点击 返回选择的集数信息
  15.          }
  17.     });
  1.   dbPlay  zbPlay接口调用时播放位置监听事件（仿抖音）
  2.  oxe.addEventListener(function(ret) {
  3.            var code= ret.code;
  4.             //  0 小屏状态下返回按钮点击 
  5.             //  1 右滑结束(android有效)
  6.             //  2 单击
  7.             //  3 双击
  8.             //  4 滑到最后一个视频返回
  9.             //  5 播放记录返回index滚动到播放记录索引
  10.             //  6 播放 
  11.             //  7 暂停 
  12.             //  8 缓冲返回 
  13.             //  9 网络错误
  14.             //  10 播放完成
  15.             //  11 长按事件 
  16.             //  12 右滑返回坐标与状态
  17.             //  13 左滑返回坐标与状态
  18.             //  14 下拉刷新返回
  19.             //  15 上拉刷新返回
  20.             //  16 返回小视频播放进度 1-100 progress
  21.     });

模块接口

addEventListener

监听统一接口 取消原来的api.addEventListener

addEventListener(callback)

返回格式

  1.   {code:0,vid:vid,userInfo:userInfo}  //vid 视频id userInfo 用户信息
  2.   code 值代表放回 事件 请参考 上面 温馨提示

示例代码

  1. oxe.addEventListener(function(ret) {
  2.             var code= ret.code;
  4.        });
  6. );

可用性

Android,ios系统

可提供的1.1.1

fixdPlay

指定区域显示播放器,点播，可分集播放

fixdPlay({param})

params

  1.              //component 自定义控件  radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色
  2.              //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
  3.              //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
  4.              //hidden 是否隐藏
  5.              //code:16//控件标识  同时作为点击事件返回码 0-13占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
  6.              //type为full显示在全屏 small 显示在小屏 
  7.               //autoHidden 是否随控件一起隐藏显示
  8.              var component={
  9.                                       x:w-50,
  10.                                       y:100,
  11.                                       w:50,
  12.                                       h:50,
  13.                                       radius:25,
  14.                                       backgroundColor:'#EE0000',
  15.                                       alpha:0.5,
  16.                                      border:1,
  17.                                      borderColor:'#E066FF',
  18.                                      type:'small',
  19.                                      code:26,
  20.                                      autoHidden:true
  21.                                      pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661}],
  22.                                     texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663}]
  23. };//自定义组件
  26.              var styles= [component];
  27.        {
  28.                               rect:{x:0, y:0,w:'auto', h:220},
  29.                               fixedOn:api.frameName,
  30.                               fixed:true,
  31.                               radius:0,//圆角大小 默认 0 没有圆角
  32.                               showBack:true,//返回按钮是否显示小屏幕
  33.                               showSelect:true,//选集按钮是否显示
  34.                               showSpeed:true,//倍速按钮是否显示
  35.                               showShot:true,//截图按钮是否显示
  36.                               showDlna:{small:true,full:true},//投屏按钮是否显示
  37.                               showDunmaku:{small:true,full:true},//弹幕按钮是否显示
  38.                               showMore:{small:true,full:true},//跟多按钮是否显示
  39.                               showBottomProcess:true,
  40.                               autoPlay:true,//默认false
  41.                               openCache:false,//是否开启缓存
  42.                               styles:styles,
  43.                               hideControl:false,//是否隐藏所有控件
  44.                               backgroundHolder:'',//视频背景图片
  45.                               backgroundAlpha:0.3,//0 背景透明度
  46.                               loop:false,//是否单急循环
  47.                               ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
  48.                               ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告，为空则不播放广告
  49.                               index:0,
  50.                               data:[
  51.                                    {
  52.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  53.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  54.                                     title:'第一集',
  55.                                     index:'01',
  56.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  57.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
  58.                                     {
  59.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  60.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  61.                                     title:'第二集',
  62.                                     index:'02',
  63.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  64.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
  66.                                     ]
  67.                               }

示例代码

  1. var oxe = api.require('oxePlayer');
  2. oxe.fixdPlay({
  3.                               rect:{x:0, y:0,w:'auto', h:220},
  4.                               fixedOn:api.frameName,
  5.                               fixed:true,
  6.                               radius:0,//圆角大小 默认 0 没有圆角
  7.                               showBack:true,//返回按钮是否显示小屏幕
  8.                               showSelect:true,//选集按钮是否显示
  9.                               showSpeed:true,//倍速按钮是否显示
  10.                               showShot:true,//截图按钮是否显示
  11.                               showDlna:{small:true,full:true},//投屏按钮是否显示
  12.                               showDunmaku:{small:true,full:true},//弹幕按钮是否显示
  13.                               showMore:{small:true,full:true},//跟多按钮是否显示
  14.                               showBottomProcess:true,
  15.                               autoPlay:true,//默认false
  16.                               openCache:false,//是否开启缓存
  17.                               styles:styles,
  18.                               hideControl:false,//是否隐藏所有控件
  19.                               backgroundHolder:'',//视频背景图片
  20.                               backgroundAlpha:0.3,//0 背景透明度
  21.                               loop:false,//是否单急循环
  22.                               ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
  23.                               ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告，为空则不播放广告
  24.                               index:0,
  25.                               data:[
  26.                                    {
  27.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  28.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  29.                                     title:'第一集',
  30.                                     index:'01',
  31.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  32.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
  33.                                     {
  34.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  35.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  36.                                     title:'第二集',
  37.                                     index:'02',
  38.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  39.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
  41.                                     ]
  42.                               });

可用性

Android,ios系统

可提供的1.1.1

fixzPlay

指定区域显示播放器,直播

fixzPlay({param})

params

  1.              //component 自定义控件  radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色
  2.              //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
  3.              //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
  4.              //hidden 是否隐藏
  5.              //code:16//控件标识  同时作为点击事件返回码 0-13占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
  6.              //type为full显示在全屏 small 显示在小屏 
  7.               //autoHidden 是否随控件一起隐藏显示
  8.               var component={
  9.                                       x:w-50,
  10.                                       y:100,
  11.                                       w:50,
  12.                                       h:50,
  13.                                       radius:25,
  14.                                       backgroundColor:'#EE0000',
  15.                                       alpha:0.5,
  16.                                      border:1,
  17.                                      borderColor:'#E066FF',
  18.                                      type:'small',
  19.                                      code:26,
  20.                                      autoHidden:true
  21.                                      pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661}],
  22.                                     texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663}]
  23. };//自定义组件
  24.              var styles= [component];
  25.        {
  26.                               rect:{x:0, y:0,w:'auto', h:220},
  27.                               fixedOn:api.frameName,
  28.                               fixed:true,
  29.                               radius:0,//圆角大小 默认 0 没有圆角
  30.                               showBack:true,         //返回按钮是否显示小屏幕
  31.                               showShot:true,//截图按钮是否显示
  32.                               showDlna:{small:true,full:true},//投屏按钮是否显示
  33.                               showDunmaku:{small:true,full:true},//弹幕按钮是否显示
  34.                               showMore:{small:false,full:true},//跟多按钮是否显示
  35.                               showBottomProcess:true,//最底部播放进度条是否显示
  36.                               autoPlay:true,         //默认false
  37.                               styles:styles,         //自定义组件样式
  38.                               backgroundHolder:'widget://launch/launch.png',//视频背景图片
  39.                               backgroundAlpha:0.3,//0 背景透明度
  40.                               ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
  41.                               ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告，为空则不播放广告
  42.                               index:0,
  43.                               data:{
  44.                                    uid:'',//扩展字段 用户id(可选，会随事件返回)
  45.                                    vid:'',//扩展字段 视频id(可选，会随事件返回)
  46.                                    title:'第一集',thumb:'https://main.qcloudimg.com/raw/8cb10273fe2b6df81b36ddb79d0f4890.jpeg',
  47.                                    url:'http://5815.liveplay.myqcloud.com/live/5815_89aad37e06ff11e892905cb9018cf0d4_900.flv'
  48.                              }
  49.                          }

示例代码

  1. var oxe = api.require('oxePlayer');
  2. oxe.fixzPlay({
  3.                          rect:{x:0, y:0,w:'auto', h:220},
  4.                          fixedOn:api.frameName,
  5.                          fixed:true,
  6.                          radius:0,//圆角大小 默认 0 没有圆角
  7.                          showBack:true,         //返回按钮是否显示小屏幕
  8.                          showShot:true,//截图按钮是否显示
  9.                          showDlna:{small:true,full:true},//投屏按钮是否显示
  10.                          showDunmaku:{small:true,full:true},//弹幕按钮是否显示
  11.                          showMore:{small:false,full:true},//跟多按钮是否显示
  12.                          showBottomProcess:true,//最底部播放进度条是否显示
  13.                          autoPlay:true,//默认false
  14.                          backgroundHolder:'widget://launch/launch.png',//视频背景图片
  15.                          backgroundAlpha:0.3,//0 背景透明度
  16.                          styles:styles,
  17.                          ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
  18.                          ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告，为空则不播放广告
  19.                          data:{
  20.                              uid:'',//扩展字段 用户id(可选，会随事件返回)
  21.                              vid:'',//扩展字段 视频id(可选，会随事件返回)
  22.                              title:'第一集',thumb:'https://main.qcloudimg.com/raw/8cb10273fe2b6df81b36ddb79d0f4890.jpeg',
  23.                              url:'http://5815.liveplay.myqcloud.com/live/5815_89aad37e06ff11e892905cb9018cf0d4_900.flv'
  24.                              }
  25.                          });

可用性

Android,ios系统

可提供的1.1.1

dbPlay

全屏点播,仿抖音 可上下滑动切换视频

dbPlay({param})

params

  2.         var data = {
  3.                 fixedOn: api.frameName,
  4.                 rect: {
  5.                     x: 0,
  6.                     y: 0,
  7.                     w: w,
  8.                     h: h
  9.                 },
  11.                 fixed: true,
  12.                 scrollType: 0, //滑动方向 0 上下滑动  1 左右滑动  默认 上下滑动 注意 开启左右滑动 前关闭左右滑动开关  ios横向暂不支持
  13.                 openCache: true, //是否开启缓存
  14.                 showBack: true, //返回按钮是否显示事件返回code:0滑动返回code:1android有效
  15.                 rightSlide: false, //右滑禁止开关  code 12 监听互动x坐标 为正 浮点型
  16.                 leftSlide: false, //左滑禁止开关code 12 监听互动x坐标 为负 浮点型
  17.                 freshUp: false, //上拉刷新开关  code 15
  18.                 freshDown: false, //下拉拉刷新开关code 14
  19.                 showDoubleClick: true, //双击红心点赞事件返回code:3
  20.                 longClick: false, //11长按事件开关
  21.                 playBtn: '', //中间播放按钮图片(自定义) 可选 没有则用系统自带
  22.                 backgroundColor: '#000000', //视频背景颜色
  23.                 backgroundHolder: 'widget://image/background.png', //视频背景图片
  24.                 avatarHolder: '', //头像背景图片
  25.                 marginBottom: 55 //进度条距离底部距离
  26.             }

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.dbPlay(data);

可用性

Android,ios系统

可提供的1.1.1

zbPlay

全屏直播,仿抖音

zbPlay({param})

params

  1.      var live_avatar, live_members, live_gift, live_messages,closeBtn,shareBtn,sendMsgBtn,messageBtn;
  2.   live_avatar = {
  3.     type: 'live_avatar',
  4.     x: 10,
  5.     y: 50,
  6.     w: 130,
  7.     h: 40,
  8.     code: 18,
  9.     focusCode: 19,
  10.     hidden: false
  11.   }; //头像 +积分+关注
  12.   live_members = {
  13.     type: 'live_members',
  14.     x: 160,
  15.     y: 50,
  16.     w: w - 190,
  17.     h: 40,
  18.     code: 20,
  19.     hidden: false
  20.   }; //成员列表
  21.   live_gift = {
  22.     type: 'live_gift',
  23.     x: w - 150,
  24.     y: h - 60,
  25.     w: 40,
  26.     h: 40,
  27.     pic: '/static/icon_gift.png',
  28.     gifts: gift,
  29.     code: 21,
  30.     hidden: false
  31.   }; //礼物按钮 最多24个
  32.   live_messages = {
  33.     type: 'live_messages',
  34.     x: 0,
  35.     y: 420,
  36.     w: w,
  37.     h: h - 500,
  38.     code: 22,
  39.     hidden: false
  40.   }; //滚动消息
  42.   closeBtn = {
  43.     type: 'component',
  44.     x: w - 50,
  45.     y: h - 60,
  46.     w: 40,
  47.     h: 40,
  48.     radius: 20,
  49.     backgroundColor: '#33000000',
  50.     alpha: 1,
  51.     border: 0,
  52.     borderColor: '#E066FF',
  53.     code: 23,
  54.     hidden: false,
  55.     pics:[{path:'widget://image/icon_close.png',x:5,y:5,w:30,h:30,code:231}]
  56.   };
  57.   shareBtn = {
  58.     type: 'component',
  59.     x: w - 100,
  60.     y: h - 60,
  61.     w: 40,
  62.     h: 40,
  63.     radius: 20,
  64.     backgroundColor: '#33000000',
  65.     alpha: 1,
  66.     border: 0,
  67.     borderColor: '#E066FF',
  68.     code: 24,
  69.     hidden: false,
  70.     pics:[{path:'widget://image/icon_share.png',x:5,y:5,w:30,h:30,code:241}]
  71.   };
  72.   sendMsgBtn = {
  73.     type: 'component',
  74.     x: 10,
  75.     y: h - 60,
  76.     w: 40,
  77.     h: 40,
  78.     radius: 20,
  79.     backgroundColor: '#33000000',
  80.     alpha: 1,
  81.     border: 0,
  82.     borderColor: '#E066FF',
  83.     code: 25,
  84.     hidden: false,
  85.     pics:[{path:'widget://image/icon_send_message.png',x:5,y:5,w:30,h:30,code:251,hidden:false}]
  86.   };
  87.   messageBtn = {
  88.     type: 'component',
  89.     x: w - 200,
  90.     y: h - 60,
  91.     w: 40,
  92.     h: 40,
  93.     radius: 20,
  94.     backgroundColor: '#33000000',
  95.     alpha: 1,
  96.     border: 0,
  97.     borderColor: '#E066FF',
  98.     code: 26,
  99.     hidden: false,
  100.     pics:[{path:'widget://image/icon_message.png',x:5,y:5,w:30,h:30,code:261,hidden:false}],
  101.   };
  102. var styles = [live_avatar, live_members, live_gift, live_messages, closeBtn, shareBtn, sendMsgBtn, messageBtn];
  103.         var data ={
  104.                     fixedOn:api.frameName,
  105.                     rect:{x:0, y:0,w:w, h:h},
  106.                     fixed:true,
  107.                     showBack:true,//返回按钮是否显示事件返回code:0滑动返回code:1android有效
  108.                     rightSlide:true,//右滑禁止开关  code 12 监听互动x坐标 为正 浮点型
  109.                     leftSlide:true,//左滑禁止开关code 12 监听互动x坐标 为负 浮点型
  110.                     showDoubleClick:false,//双击红心点赞事件返回code:3
  111.                     longClick:false,//11长按事件开关
  112.                     playBtn:'',//中间播放按钮图片(自定义) 可选 没有则用系统自带
  113.                     backgroundColor:'#000000',//视频背景颜色
  114.                     backgroundHolder:'widget://image/icon_music_cover.png',//视频背景图片
  115.                     avatarHolder:'widget://image/icon_music_cover.png',//头像背景图片
  116.                     marginBottom:55//进度条距离底部距离
  117.                     };

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.zbPlay(data);

可用性

Android,ios系统

可提供的1.1.1

initData

dbPlay zbPlay 初始化播放数据

示例代码

  1. //code  0 返回  1 右滑 2 单击  3 双击  4滑到最后一个视频返回5 播放记录放回index滚动到播放记录索引 6播放 7 暂停 8 缓冲返回 9 网络错误 10播放完成 11长按事件
  2.     //按钮类型:music(带动画的音乐按钮),comment(评论),share(分享),like(红心点赞),avatar(头像),focus(关注),title(标题),desc(简介),musicName(音乐滚动字幕),component自定义组件 支持gif,
  3.     //xywh 控件 位置 大小
  4.     //pic 图片 音乐封面 图标图片 按钮背景图片等
  5.     //pic1 评论输入框 pic1 图标 pic2 发送图标
  6.     //component 自定义控件  radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
  7.     //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
  8.     //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
  9.     //hidden 是否隐藏  processColor 进度条颜色(需要进度条添加)
  10.     //code:16//控件标识  同时作为点击事件返回码 0-15占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
  11.     //  红包     音乐   分销    评论     点赞   头像     关注    视频简介 用户名    音乐名      自定义组件
  12.     var music, share, comment, like, avatar, focus, title, userName, musicName, component, compon;
  13.     music = {
  14.         type: 'music',
  15.         x: w - 65,
  16.         y: h - 120,
  17.         w: 80,
  18.         h: 80,
  19.         pic: 'widget://image/icon_music_cover.png',
  20.         code: 16,
  21.         hidden: false
  22.     }; //旋转音乐
  23.     share = {
  24.         type: 'share',
  25.         x: w - 60,
  26.         y: h - 200,
  27.         w: 40,
  28.         h: 40,
  29.         pic: '',
  30.         code: 17,
  31.         hidden: false,
  32.         num: {
  33.             hidden: false,
  34.             textColor: '#C0FF3E',
  35.             textSize: 12,
  36.             x: w - 60,
  37.             y: h - 160,
  38.             w: 40,
  39.             h: 40
  40.         }
  41.     }; //分享
  42.     comment = {
  43.         type: 'comment',
  44.         x: w - 60,
  45.         y: h - 260,
  46.         w: 40,
  47.         h: 40,
  48.         pic: '',
  49.         code: 18,
  50.         hidden: false,
  51.         num: {
  52.             hidden: false,
  53.             textColor: '#C0FF3E',
  54.             textSize: 12,
  55.             x: w - 60,
  56.             y: h - 220,
  57.             w: 40,
  58.             h: 40
  59.         }
  60.     }; //评论
  61.     like = {
  62.         type: 'like',
  63.         x: w - 60,
  64.         y: h - 320,
  65.         w: 40,
  66.         h: 40,
  67.         pic: '',
  68.         pic1: '',
  69.         code: 19,
  70.         hidden: false,
  71.         num: {
  72.             hidden: false,
  73.             textColor: '#C0FF3E',
  74.             textSize: 12,
  75.             x: w - 60,
  76.             y: h - 290,
  77.             w: 40,
  78.             h: 40
  79.         }
  80.     }; //红心点赞
  81.     avatar = {
  82.         type: 'avatar',
  83.         x: w - 65,
  84.         y: h - 400,
  85.         w: 50,
  86.         h: 50,
  87.         pic: '',
  88.         radius: 25,
  89.         border: 2,
  90.         borderColor: '#E066FF',
  91.         code: 20,
  92.         hidden: false
  93.     }; //头像
  94.     userName = {
  95.         type: 'userName',
  96.         x: 10,
  97.         y: h - 200,
  98.         w: 150,
  99.         h: 40,
  100.         textSize: 16,
  101.         textColor: '#FFFFFF',
  102.         code: 21,
  103.         hidden: false
  104.     }; //视频简介
  105.     title = {
  106.         type: 'title',
  107.         x: 10,
  108.         y: h - 160,
  109.         w: w - 120,
  110.         h: 80,
  111.         code: 22,
  112.         textSize: 14,
  113.         textColor: '#FFFFFF',
  114.         hidden: false
  115.     }; //用户名
  116.     musicName = {
  117.         type: 'musicName',
  118.         x: 20,
  119.         y: h - 80,
  120.         w: w - 130,
  121.         h: 30,
  122.         textSize: 16,
  123.         textColor: '#FFFFFF',
  124.         code: 23,
  125.         hidden: false
  126.     }; //头像
  127.     focus = {
  128.         type: 'focus',
  129.         x: w - 55,
  130.         y: h - 365,
  131.         w: 30,
  132.         h: 30,
  133.         pic: '',
  134.         code: 25,
  135.         hidden: false
  136.     }; //关注
  137.     component = {
  138.             type: 'component',
  139.             x: 10,
  140.             y: h - 45,
  141.             w: w - 20,
  142.             h: 40,
  143.             radius: 10,
  144.             backgroundColor: '#000000',
  145.             alpha: 0.1,
  146.             border: 0,
  147.             borderColor: '#01000000',
  148.             code: 27,
  149.             hidden: false,
  150.             pics:[{path:'widget://image/pan.png',x:10,y:10,w:20,h:20,code:271}],
  151.             texts:[{x:0,y:0,w:120,h:40,text:'说点什么',textSize:14,textColor:'#C0FF3E',alignment:0,code:272}]
  152.         }; //自定义控件 评论输入框
  153.     compon = {
  154.            type: 'component',
  155.            x:20,
  156.            y:h-300,
  157.            w:140,
  158.            h:70,
  159.            radius:5,
  160.            backgroundColor:'#000000',
  161.            alpha:0.5,
  162.            border:0,
  163.            borderColor:'#E066FF',
  164.            code:26,
  165.            hidden:false,
  166.            pics:[{path:'widget://image/product.jpg',x:0,y:0,w:70,h:70,code:261},{path:'widget://image/icon_close.png',x:125,y:0,w:15,h:15,code:262}],
  167.            texts:[{x:80,y:40,w:60,h:20,text:'商品',textSize:12,textColor:'#FFFFFF',alignment:0,code:263}]
  168.     };//商品
  169.     var styles = [avatar, focus, like, comment, share, music, title, userName, musicName, component,compon];
  170. var hongbao = {
  171.                 x: w - 65,
  172.                 y: 120,
  173.                 w: 50,
  174.                 h: 50,
  175.                 time:20,//旋转一周时长
  176.                 code: 55,//点击事件返回code
  177.                 finishCode: 56,//结束事件返回code
  178.                 hidden: false
  179.             }  
  180. var datas = [{
  181.         "vid": 49,
  182.         "title": "@菲诗佳佳\r\n\r\n一个男人最大的失败是：让爱过自己的女人瞎觉得瞎了眼，让什么都不图女人受近委屈，最后还不知自己错在哪了@趣味小助",
  183.         "thumb": "http://qiniu2.svideo.suxiangw.com/images/qiniu___12593c2cdae3f157fc1c93f0e2313ba8?imageView2/1/w/375/h/812/format/jpg",
  184.         "url": "http://qiniu2.svideo.suxiangw.com/qiniu___859ec41d3d96dec7a0fc0309cd6fc2c1",
  185.         "styles": styles,
  186.         "userInfo": {
  187.             "uid": 10,
  188.             "userName": "菲诗佳佳",
  189.             "avatar": "http://qiniu2.svideo.suxiangw.com/images/qiniu___e39ac47156fa6590003b39b125ed2d9b?imageView2/1/w/100/h/100/format/jpg",
  190.             "isLive": true,
  191.             "isFocus": false,
  192.             "likeNum": 0,
  193.             "isLike": false,
  194.             "commentNum": 0,
  195.             "shareNum": 0,
  196.             "musicId": 10,
  197.             "musicName": "菲诗佳佳1111111111111111111111111",
  198.             "musicIcon": "http://qiniu2.svideo.suxiangw.com/images/qiniu___e39ac47156fa6590003b39b125ed2d9b?imageView2/1/w/100/h/100/format/jpg"
  199.         }
  200.     }]
  201. }
  204. var oxePlayer = api.require('oxePlayer');
  205.  var data = {
  206.                            components:[hongbao,component],// 控件 包括 红包 自定义控件 可选 不随屏滚动控件
  207.                            index: 0, //打开播放器播放第一个视频索引
  208.                            data: datas //视频数据
  209.                        };
  210.                        ox.initData(data);

可用性

Android,ios系统

可提供的1.1.1

next

播放下一条记录

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.next();

可用性

Android,ios系统

可提供的1.1.1

prev

播放上一条记录

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.prev();

可用性

Android,ios系统

可提供的1.1.1

playIndex

播放索引视频

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.playIndex({index:4});

可用性

Android,ios系统

可提供的1.1.1

start

开始播放

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.start();

可用性

Android,ios系统

可提供的1.1.1

pause

停止播放

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.pause();

可用性

Android,ios系统

可提供的1.1.1

replay

重新播放

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.replay();

可用性

Android,ios系统

可提供的1.1.1

duration

视频时长

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.duration(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.duration);
  5.                        }
  6.                });

可用性

Android,ios系统

可提供的1.1.1

seekTo

指定位置播放

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.seekTo({position:100000});

可用性

Android,ios系统

可提供的1.1.1

position

播放位置

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.position(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.position);
  5.                        }
  6.                });

可用性

Android,ios系统

可提供的1.1.1

screenShot

截屏

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.screenShot(function(ret) {
  3.                           if (ret.code==0) {
  4.                               var base64 = ret.base64;
  5.                               document.getElementById('image').src = 'data:image/png;base64,'+base64;
  6.                          }
  7.                        });

可用性

Android,ios系统

可提供的1.1.1

remove

移除播放器

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.remove();

可用性

Android,ios系统

可提供的1.1.1

addDataAfter

dbPlay接口播放最后一个视频时 追加 数据

addDataAfter({param})

params

  1.        {[{
  2.            userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
  3.            ,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
  4.            vid:'5252d',//视频id
  5.            title:'百无一用是深情，最不屑一顾是相思',//视屏简介
  6.            thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
  7.            url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
  8.            }
  9.         ]};

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.addDataAfter(
  4. {data:[{
  5.            userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
  6.            ,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
  7.            vid:'5252d',//视频id
  8.            title:'百无一用是深情，最不屑一顾是相思',//视屏简介
  9.            thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
  10.            url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
  11.            }
  12.         ]}
  15. );

可用性

Android,ios系统

可提供的1.1.1

addDataBefore

dbPlay下拉刷新时更新 数据

addDataBefore({param})

params

  1.        {[{
  2.            userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
  3.            ,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
  4.            vid:'5252d',//视频id
  5.            title:'百无一用是深情，最不屑一顾是相思',//视屏简介
  6.            thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
  7.            url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
  8.            }
  9.         ]};

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.addDataBefore(
  4. {data:[[{
  5.            userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
  6.            ,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
  7.            vid:'5252d',//视频id
  8.            title:'百无一用是深情，最不屑一顾是相思',//视屏简介
  9.            thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
  10.            url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
  11.            }
  12.         ]}
  15. );

可用性

Android,ios系统

可提供的1.1.1

addComponent

添加控件 不随屏滚动控件 调用dbPlay zbPlay时此接口生效

addComponent({param})

params

  1.        //数据格式 vid：视频id
  2.         //radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
  3.         //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
  4.         //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
  5.         //hidden 是否隐藏  processColor 进度条颜色(需要进度条添加)
  6.         //code:16//控件标识  同时作为点击事件返回码 0，1,2,3,4,5占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
  7.        var data ={
  8.                        type: 'component',
  9.                        x:20,
  10.                        y:h-450,
  11.                        w:100,
  12.                        h:140,
  13.                        radius:5,
  14.                        backgroundColor:'#000000',
  15.                        alpha:0.5,
  16.                        border:0,
  17.                        borderColor:'#E066FF',
  18.                        code:66,
  19.                        hidden:false,
  20.                        pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661},{path:'widget://image/icon_close.png',x:80,y:0,w:20,h:20,code:662}],
  21.                        texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663},{x:0,y:120,w:50,h:20,text:'56.00元',textSize:12,textColor:'#FFFFFF',alignment:0,code:664}]
  22.                      };//自定义组件

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.addComponent(data}
  4. );

可用性

Android,ios系统

可提供的1.1.1

updateComponent

动态更新组件 不随屏滚动控件 调用dbPlay zbPlay时此接口生效

updateComponent({param})

params

  1.        component格式参考 dbPlayer接口里的各组件定义
  2.        var data = {component};

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.updateComponent(data}
  4. );

可用性

Android,ios系统

可提供的1.1.1

addStyle

当前视频动态 添加控件 调用dbPlay zbPlay时此接口生效

addStyle({param})

params

  1.        //数据格式 vid：视频id
  2.         //radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
  3.         //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
  4.         //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
  5.         //hidden 是否隐藏  processColor 进度条颜色(需要进度条添加)
  6.         //code:16//控件标识  同时作为点击事件返回码 0，1,2,3,4,5占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
  7.        var style = {
  8.                        type: 'component',
  9.                        x:20,
  10.                        y:h-450,
  11.                        w:100,
  12.                        h:140,
  13.                        radius:5,
  14.                        backgroundColor:'#000000',
  15.                        alpha:0.5,
  16.                        border:0,
  17.                        borderColor:'#E066FF',
  18.                        code:66,
  19.                        hidden:false,
  20.                        pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661},{path:'widget://image/icon_close.png',x:80,y:0,w:20,h:20,code:662}],
  21.                        texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663},{x:0,y:120,w:50,h:20,text:'56.00元',textSize:12,textColor:'#FFFFFF',alignment:0,code:664}]
  22.                      };//自定义组件

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.addStyle(style}
  4. );

可用性

Android,ios系统

可提供的1.1.1

updateStyles

当前视频 动态更新组件 样式 调用dbPlay zbPlay时此接口生效

updateStyles({styles:styles})

params

  1.        component格式参考 dbPlayer接口里的各组件定义
  2.        var data = {styles:[component]};

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.updateStyles({styles:styles})
  4. );

可用性

Android,ios系统

可提供的1.1.1

updateUserInfo

当前视频 动态更新视频用户信息 比如 评论数 分享数 等 更新 调用dbPlay zbPlay时此接口生效

updateUserInfo({param})

params

  1.         数据格式
  2.        var userInfo={uid:'100201',userName:'长江新闻号adsf',
  3.        avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',
  4.        isFocus:true,likeNum:500,isLike:true,commentNum:500,shareNum:51250,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'};

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.updateUserInfo(userInfo:userInfo}
  4. );

可用性

Android,ios系统

可提供的1.1.1

showVipView

vip页面

showVipView()

示例代码

  1. 点击按钮返回 见 温馨提示
  2. var oxePlayer = api.require('oxePlayer');
  3. oxePlayer.showVipView(}
  5. );

可用性

Android,ios系统

可提供的1.1.1

hideVipView

退出vip页面

hideVipView()

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.hideVipView(}
  4. );

可用性

Android,ios系统

可提供的1.1.1

showPlay

显示播放器

showPlay()

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.showPlay(}
  4. );

可用性

Android,ios系统

可提供的1.1.1

hidePlay

隐藏播放器

hidePlay()

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.hidePlay(}
  4. );

可用性

Android,ios系统

可提供的1.1.1

isFull

是否全屏

isFull()

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.isFull(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.isFull);
  5.                        }
  6.                }
  8. );

可用性

Android,ios系统

可提供的1.1.1

setVolume

设置音量

setVolume({volume:1.5})

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.setVolume({volume:1.5});

可用性

Android,ios系统

可提供的1.1.1

setMuted

设置静音

setVolume({isMuted:true})

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.setVolume({isMuted:true});

可用性

Android,ios系统

可提供的1.1.1

setSpeed

设置倍速

setSpeed({speed:1.5})

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.setSpeed({speed:1.5});

可用性

Android,ios系统

可提供的1.1.1

exitFullScreen

退出全屏

exitFullScreen()

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.exitFullScreen();

可用性

Android,ios系统

可提供的1.1.1

enterFullScreen

进入全屏

enterFullScreen()

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.enterFullScreen();

可用性

Android,ios系统

可提供的1.1.1

clearCache

清理缓存

clearCache(function(ret) {});

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.clearCache(function(ret) {
  3.                        if (ret.code==0) {
  5.                        }
  6.                }
  8. );

可用性

Android,ios系统

可提供的1.1.1

isLock

是否锁屏 fixdPlay fixePlay 有效

isLock()

示例代码

  1. var oxeePlayer = api.require('oxeePlayer');
  2. oxeePlayer.isLock(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.isLock);
  5.                        }
  6.                }
  8. );

可用性

Android,ios系统

可提供的1.1.1

addDanmaku

添加 弹幕

addDanmaku({text:’’,isSelf:true})

示例代码

  1. var oxePlayer = api.require('oxePlayer');
  2. oxePlayer.addDanmaku({text:'',isSelf:true});

可用性

Android,ios系统

可提供的1.1.1

stopFresh

dbPlay停止上下拉刷新

stopFresh()

var oxePlayer = api.require(‘oxePlayer’); oxePlayer.stopFresh();```

可用性

Android,ios系统

可提供的1.1.1

hongbaoAction

控制红包

hongbaoAction({action:0}) //0 开始红包进度条 1停止 2显示 3隐藏

var oxePlayer = api.require(‘oxePlayer’); oxePlayer.hongbaoAction({action:0});```

可用性

Android,ios系统

可提供的1.1.1

sendLiveGift

发送礼物

  1. var param = {
  2.                name:'oxPlayer',//用户名
  3.                avatar:'',//用户头像
  4.                giftId:'G01',//礼物id
  5.                giftName:'鲜花',//礼物名称
  6.                giftImg:'widget://gift/yipitiezhi001.png',//礼物小图标
  7.                giftSvga:'widget://svga/001.svga',//礼物svga动画 同时支持gif
  8.                giftValue:10,//礼物价值
  9.                num:10//数量
  10.             };
  12. var oxePlayer = api.require('oxePlayer');
  13. oxePlayer.sendLiveGift(param );

可用性

Android,ios系统

可提供的1.1.1

sendLiveMessage

发送滚动消息

  1. var param = {
  2.                type:3,//1 系统消息 2 自己的消息 3 其他人消息
  3.                uid:'',
  4.                userName:'潮汕小丸子',
  5.                userMsg:'示例内容11112222222222222f',
  6.                icon:'widget://image/icon_message.png',
  7.                textColor:'#FFFFFF'
  8.             };
  10. var oxePlayer = api.require('oxePlayer');
  11. oxePlayer.sendLiveMessage(param );

可用性

Android,ios系统

可提供的1.1.1

sendLiveMembers

更新成员列表

  1. var param =[ {
  2.              uid: '9',
  3.         avatar: 'http://qiniu2.svideo.suxiangw.com/images/qiniu___6b9beb72204bf8b4b55cfdc9131658c0?imageView2/1/w/100/h/100/format/jpg',
  4.         name: '潮汕小丸子'
  5.             }];
  7. var oxePlayer = api.require('oxePlayer');
  8. oxePlayer.sendLiveMembers(param );

可用性

Android,ios系统

可提供的1.1.1

sendLiveDanmaku

发送弹窗

  1. var param = {
  2.              avatar:'http://qiniu2.svideo.suxiangw.com/images/qiniu___6b9beb72204bf8b4b55cfdc9131658c0?imageView2/1/w/100/h/100/format/jpg',
  3.               name:'潮汕小丸子',
  4.               uid:'55222',
  5.               content:'示例内容11112222222222222fdgsdfgsdfgdfsgdfsgdfsgdsfgsdfgsdfgds'
  6.             };
  8. var oxePlayer = api.require('oxePlayer');
  9. oxePlayer.sendLiveDanmaku(param );

可用性

Android,ios系统

可提供的1.1.1

setHBProgress

设置红包进度 code ==16 返回小视频播放进度 可调用此方法

  1. var param = {progress:20};
  3. var oxePlayer = api.require('oxePlayer');
  4. oxePlayer.setHBProgress(param);

可用性

Android,ios系统

可提供的1.1.1