oxePlayer

全局监听

播放器点播直播 滑动点播直播 通用接口

论坛示例

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

概述

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 等自定义控件 温馨提示

   fixedPlay  fixezPlay接口调用时播放位置监听事件(播放器)
   oxe.addEventListener(function(ret) {
           var code= ret.code;
            //  0 小屏状态下返回按钮点击 
            //  1 播放进度实时返回position
            //  2 ad1广告点击返回 
            //  3 ad2 广告点击返回 
            //  4 vip点击返回 
            //  6 播放 
            //  7 暂停 
            //  8 缓冲返回 
            //  9 连接失败
            //  10 钢笔图标点击
            //  11 选集列表 点击 返回选择的集数信息
            //  12 投屏扫描返回
            //  13 是否全屏 
            //  14播放结束 
            //  15准备播放
            //  16全屏下一集点击事件
         }

    });
  dbPlay  zbPlay接口调用时播放位置监听事件(仿抖音)
 oxe.addEventListener(function(ret) {
           var code= ret.code;
            //  0 小屏状态下返回按钮点击 
            //  1 右滑结束(android有效)
            //  2 单击
            //  3 双击
            //  4 滑到最后一个视频返回
            //  5 播放记录返回index滚动到播放记录索引
            //  6 播放 
            //  7 暂停 
            //  8 准备播放返回 
            //  9 网络错误
            //  10 播放完成
            //  11 长按事件 
            //  12 右滑返回坐标与状态
            //  13 左滑返回坐标与状态
            //  14 下拉刷新返回
            //  15 上拉刷新返回
            //  16 progress播放进度
            //  17 缓冲
            //  18 连接失败
    });

插件接口

addEventListener

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

addEventListener(callback)

返回格式

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

示例代码

oxe.addEventListener(function(ret) {
            var code= ret.code;
                                 
       });

);

可用性

Android,ios系统

可提供的1.3.3

fixdPlay

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

fixdPlay({param})

params

             //component 自定义控件  radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色
             //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
             //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
             //hidden 是否隐藏
             //code:16//控件标识  同时作为点击事件返回码 0-13占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
             //type为full显示在全屏 small 显示在小屏 
              //autoHidden 是否随控件一起隐藏显示
             var component={
                                      x:w-50,
                                      y:100,
                                      w:50,
                                      h:50,
                                      radius:25,
                                      backgroundColor:'#EE0000',
                                      alpha:0.5,
                                     border:1,
                                     borderColor:'#E066FF',
                                     type:'small',
                                     code:26,
                                     autoHidden:true
                                     pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661}],
                                    texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663}]
};//自定义组件


             var styles= [component];
       {
                              rect:{x:0, y:0,w:'auto', h:220},
                              fixedOn:api.frameName,
                              fixed:true,
                              forceDeviceOrientation:false,//旋转方向 true 全屏视频不旋转
                              radius:0,//圆角大小 默认 0 没有圆角
                              showBack:true,//返回按钮是否显示小屏幕
                              showSelect:true,//选集按钮是否显示
                              showSpeed:true,//倍速按钮是否显示
                              showShot:true,//截图按钮是否显示
                              showDlna:{small:true,full:true},//投屏按钮是否显示
                              showDunmaku:{small:true,full:true},//弹幕按钮是否显示
                              showMore:{small:true,full:true},//跟多按钮是否显示
                              showBottomProcess:true,
                              autoPlay:true,//默认false
                              loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花
                              playBtn:'widget://image/play_btn.png',//视频中间播放按钮 为空或没有,系统默认
                              openCache:false,//是否开启缓存
                              styles:styles,
                              hideControl:false,//是否隐藏所有控件
                              backgroundHolder:'',//视频背景图片
                              backgroundAlpha:0.3,//0 背景透明度
                              loop:false,//是否单急循环
                              ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
                              ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告,为空则不播放广告
                              index:0,
                              data:[
                                   {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第一集',
                                    index:'01',
                                    thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
                                    url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
                                    {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第二集',
                                    index:'02',
                                    thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
                                    url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
                                    
                                    ]
                              }

示例代码

var oxe = api.require('oxePlayer');
oxe.fixdPlay({
                              rect:{x:0, y:0,w:'auto', h:220},
                              fixedOn:api.frameName,
                              fixed:true,
                              forceDeviceOrientation:false,//旋转方向 true 全屏视频不旋转
                              radius:0,//圆角大小 默认 0 没有圆角
                              showBack:true,//返回按钮是否显示小屏幕
                              showSelect:true,//选集按钮是否显示
                              showSpeed:true,//倍速按钮是否显示
                              showShot:true,//截图按钮是否显示
                              showDlna:{small:true,full:true},//投屏按钮是否显示
                              showDunmaku:{small:true,full:true},//弹幕按钮是否显示
                              showMore:{small:true,full:true},//跟多按钮是否显示
                              showBottomProcess:true,
                              autoPlay:true,//默认false
                              loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花
                              playBtn:'widget://image/play_btn.png',//视频中间播放按钮 为空或没有,系统默认
                              openCache:false,//是否开启缓存
                              styles:styles,
                              hideControl:false,//是否隐藏所有控件
                              backgroundHolder:'',//视频背景图片
                              backgroundAlpha:0.3,//0 背景透明度
                              loop:false,//是否单急循环
                              ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
                              ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告,为空则不播放广告
                              index:0,
                              data:[
                                   {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第一集',
                                    index:'01',
                                    thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
                                    url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
                                    {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第二集',
                                    index:'02',
                                    thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
                                    url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
                                    
                                    ]
                              });

可用性

Android,ios系统

可提供的1.3.3

fixzPlay

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

fixzPlay({param})

params

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

示例代码

var oxe = api.require('oxePlayer');
oxe.fixzPlay({
                         rect:{x:0, y:0,w:'auto', h:220},
                         fixedOn:api.frameName,
                         fixed:true,
                         forceDeviceOrientation:false,//旋转方向 true 全屏视频不旋转
                         radius:0,//圆角大小 默认 0 没有圆角
                         showBack:true,         //返回按钮是否显示小屏幕
                         showShot:true,//截图按钮是否显示
                         showDlna:{small:true,full:true},//投屏按钮是否显示
                         showDunmaku:{small:true,full:true},//弹幕按钮是否显示
                         showMore:{small:false,full:true},//跟多按钮是否显示
                         showBottomProcess:true,//最底部播放进度条是否显示
                         loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花
                         playBtn:'widget://image/play_btn.png',//视频中间播放按钮 为空或没有,系统默认
                         autoPlay:true,//默认false
                         backgroundHolder:'widget://launch/launch.png',//视频背景图片
                         backgroundAlpha:0.3,//0 背景透明度
                         styles:styles,
                         ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
                         ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告,为空则不播放广告
                         data:{
                             uid:'',//扩展字段 用户id(可选,会随事件返回)
                             vid:'',//扩展字段 视频id(可选,会随事件返回)
                             title:'第一集',thumb:'https://main.qcloudimg.com/raw/8cb10273fe2b6df81b36ddb79d0f4890.jpeg',
                             url:'http://5815.liveplay.myqcloud.com/live/5815_89aad37e06ff11e892905cb9018cf0d4_900.flv'
                             }
                         });

可用性

Android,ios系统

可提供的1.3.3

dbPlay

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

dbPlay({param})

params

         
        var data = {
                fixedOn: api.frameName,
                rect: {
                    x: 0,
                    y: 0,
                    w: w,
                    h: h
                },

                fixed: true,
                scrollType: 0, //滑动方向 0 上下滑动  1 左右滑动  默认 上下滑动 注意 开启左右滑动 前关闭左右滑动开关  ios横向暂不支持
                openCache: true, //是否开启缓存
                showBack: true, //返回按钮是否显示事件返回code:0滑动返回code:1android有效
                rightSlide: false, //右滑禁止开关  code 12 监听互动x坐标 为正 浮点型
                leftSlide: false, //左滑禁止开关code 12 监听互动x坐标 为负 浮点型
                freshUp: false, //上拉刷新开关  code 15
                freshDown: false, //下拉拉刷新开关code 14
                showDoubleClick: true, //双击红心点赞事件返回code:3
                longClick: false, //11长按事件开关
                playBtn: '', //中间播放按钮图片(自定义) 可选 没有则用系统自带
                loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花
                backgroundColor: '#000000', //视频背景颜色
                backgroundHolder: 'widget://image/background.png', //视频背景图片
                avatarHolder: '', //头像背景图片
                marginBottom: 55 //进度条距离底部距离
            }

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

zbPlay

全屏直播,仿抖音

zbPlay({param})

params

     var live_avatar, live_members, live_gift, live_messages,closeBtn,shareBtn,sendMsgBtn,messageBtn;
  live_avatar = {
    type: 'live_avatar',
    x: 10,
    y: 50,
    w: 130,
    h: 40,
    code: 18,
    focusCode: 19,
    hidden: false
  }; //头像 +积分+关注
  live_members = {
    type: 'live_members',
    x: 160,
    y: 50,
    w: w - 190,
    h: 40,
    code: 20,
    hidden: false
  }; //成员列表
  live_gift = {
    type: 'live_gift',
    x: w - 150,
    y: h - 60,
    w: 40,
    h: 40,
    pic: '/static/icon_gift.png',
    gifts: gift,
    code: 21,
    hidden: false
  }; //礼物按钮 最多24个
  live_messages = {
    type: 'live_messages',
    x: 0,
    y: 420,
    w: w,
    h: h - 500,
    code: 22,
    hidden: false
  }; //滚动消息

  closeBtn = {
    type: 'component',
    x: w - 50,
    y: h - 60,
    w: 40,
    h: 40,
    radius: 20,
    backgroundColor: '#33000000',
    alpha: 1,
    border: 0,
    borderColor: '#E066FF',
    code: 23,
    hidden: false,
    pics:[{path:'widget://image/icon_close.png',x:5,y:5,w:30,h:30,code:231}]
  };
  shareBtn = {
    type: 'component',
    x: w - 100,
    y: h - 60,
    w: 40,
    h: 40,
    radius: 20,
    backgroundColor: '#33000000',
    alpha: 1,
    border: 0,
    borderColor: '#E066FF',
    code: 24,
    hidden: false,
    pics:[{path:'widget://image/icon_share.png',x:5,y:5,w:30,h:30,code:241}]
  };
  sendMsgBtn = {
    type: 'component',
    x: 10,
    y: h - 60,
    w: 40,
    h: 40,
    radius: 20,
    backgroundColor: '#33000000',
    alpha: 1,
    border: 0,
    borderColor: '#E066FF',
    code: 25,
    hidden: false,
    pics:[{path:'widget://image/icon_send_message.png',x:5,y:5,w:30,h:30,code:251,scaleType:0,radius:0,hidden:false}]
  };
  //scaleType:0,//0图片自适应 1 图片撑满 xywh  radius:0,//圆角  
  messageBtn = {
    type: 'component',
    x: w - 200,
    y: h - 60,
    w: 40,
    h: 40,
    radius: 20,
    backgroundColor: '#33000000',
    alpha: 1,
    border: 0,
    borderColor: '#E066FF',
    code: 26,
    hidden: false,
    pics:[{path:'widget://image/icon_message.png',x:5,y:5,w:30,h:30,scaleType:0,radius:0,code:261,hidden:false}],
  };
var styles = [live_avatar, live_members, live_gift, live_messages, closeBtn, shareBtn, sendMsgBtn, messageBtn];
        var data ={
                    fixedOn:api.frameName,
                    rect:{x:0, y:0,w:w, h:h},
                    fixed:true,
                    showBack:true,//返回按钮是否显示事件返回code:0滑动返回code:1android有效
                    rightSlide:true,//右滑禁止开关  code 12 监听互动x坐标 为正 浮点型
                    leftSlide:true,//左滑禁止开关code 12 监听互动x坐标 为负 浮点型
                    showDoubleClick:false,//双击红心点赞事件返回code:3
                    longClick:false,//11长按事件开关
                    playBtn:'',//中间播放按钮图片(自定义) 可选 没有则用系统自带
                    loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花
                    backgroundColor:'#000000',//视频背景颜色
                    backgroundHolder:'widget://image/icon_music_cover.png',//视频背景图片
                    avatarHolder:'widget://image/icon_music_cover.png',//头像背景图片
                    marginBottom:55//进度条距离底部距离
                    };

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

initData

dbPlay zbPlay 初始化播放数据

示例代码

//code  0 返回  1 右滑 2 单击  3 双击  4滑到最后一个视频返回5 播放记录放回index滚动到播放记录索引 6播放 7 暂停 8 缓冲返回 9 网络错误 10播放完成 11长按事件
    //按钮类型:music(带动画的音乐按钮),comment(评论),share(分享),like(红心点赞),avatar(头像),focus(关注),title(标题),desc(简介),musicName(音乐滚动字幕),component自定义组件 支持gif,
    //xywh 控件 位置 大小
    //pic 图片 音乐封面 图标图片 按钮背景图片等
    //pic1 评论输入框 pic1 图标 pic2 发送图标
    //component 自定义控件  radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
    //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
    //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
    //hidden 是否隐藏  processColor 进度条颜色(需要进度条添加)
    //code:16//控件标识  同时作为点击事件返回码 0-15占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
    //  红包     音乐   分销    评论     点赞   头像     关注    视频简介 用户名    音乐名      自定义组件
    var music, share, comment, like, avatar, focus, title, userName, musicName, component, compon;
    music = {
        type: 'music',
        x: w - 65,
        y: h - 120,
        w: 80,
        h: 80,
        pic: 'widget://image/icon_music_cover.png',
        code: 16,
        hidden: false
    }; //旋转音乐
    share = {
        type: 'share',
        x: w - 60,
        y: h - 200,
        w: 40,
        h: 40,
        pic: '',
        code: 17,
        hidden: false,
        num: {
            hidden: false,
            textColor: '#C0FF3E',
            textSize: 12,
            x: w - 60,
            y: h - 160,
            w: 40,
            h: 40
        }
    }; //分享
    comment = {
        type: 'comment',
        x: w - 60,
        y: h - 260,
        w: 40,
        h: 40,
        pic: '',
        code: 18,
        hidden: false,
        num: {
            hidden: false,
            textColor: '#C0FF3E',
            textSize: 12,
            x: w - 60,
            y: h - 220,
            w: 40,
            h: 40
        }
    }; //评论
    like = {
        type: 'like',
        x: w - 60,
        y: h - 320,
        w: 40,
        h: 40,
        pic: '',
        pic1: '',
        code: 19,
        hidden: false,
        num: {
            hidden: false,
            textColor: '#C0FF3E',
            textSize: 12,
            x: w - 60,
            y: h - 290,
            w: 40,
            h: 40
        }
    }; //红心点赞
    avatar = {
        type: 'avatar',
        x: w - 65,
        y: h - 400,
        w: 50,
        h: 50,
        pic: '',
        radius: 25,
        border: 2,
        borderColor: '#E066FF',
        code: 20,
        hidden: false
    }; //头像
    userName = {
        type: 'userName',
        x: 10,
        y: h - 200,
        w: 150,
        h: 40,
        textSize: 16,
        textColor: '#FFFFFF',
        code: 21,
        hidden: false
    }; //视频简介
    title = {
        type: 'title',
        x: 10,
        y: h - 160,
        w: w - 120,
        h: 80,
        code: 22,
        textSize: 14,
        textColor: '#FFFFFF',
        hidden: false
    }; //用户名
    musicName = {
        type: 'musicName',
        x: 20,
        y: h - 80,
        w: w - 130,
        h: 30,
        textSize: 16,
        textColor: '#FFFFFF',
        code: 23,
        hidden: false
    }; //头像
    focus = {
        type: 'focus',
        x: w - 55,
        y: h - 365,
        w: 30,
        h: 30,
        pic: '',
        code: 25,
        hidden: false
    }; //关注
    component = {
            type: 'component',
            x: 10,
            y: h - 45,
            w: w - 20,
            h: 40,
            radius: 10,
            backgroundColor: '#000000',
            alpha: 0.1,
            border: 0,
            borderColor: '#01000000',
            code: 27,
            hidden: false,
            pics:[{path:'widget://image/pan.png',x:10,y:10,w:20,h:20,code:271}],
            texts:[{x:0,y:0,w:120,h:40,text:'说点什么',textSize:14,textColor:'#C0FF3E',alignment:0,code:272}]
        }; //自定义控件 评论输入框
    compon = {
           type: 'component',
           x:20,
           y:h-300,
           w:140,
           h:70,
           radius:5,
           backgroundColor:'#000000',
           alpha:0.5,
           border:0,
           borderColor:'#E066FF',
           code:26,
           hidden:false,
           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}],
           texts:[{x:80,y:40,w:60,h:20,text:'商品',textSize:12,textColor:'#FFFFFF',alignment:0,code:263}]
    };//商品
    var styles = [avatar, focus, like, comment, share, music, title, userName, musicName, component,compon];
var hongbao = {
                x: w - 65,
                y: 120,
                w: 50,
                h: 50,
                time:20,//旋转一周时长
                code: 55,//点击事件返回code
                finishCode: 56,//结束事件返回code
                hidden: false
            }  
var datas = [{
        "vid": 49,
        "title": "@菲诗佳佳\r\n\r\n一个男人最大的失败是:让爱过自己的女人瞎觉得瞎了眼,让什么都不图女人受近委屈,最后还不知自己错在哪了@趣味小助",
        "thumb": "http://qiniu2.svideo.suxiangw.com/images/qiniu___12593c2cdae3f157fc1c93f0e2313ba8?imageView2/1/w/375/h/812/format/jpg",
        "url": "http://qiniu2.svideo.suxiangw.com/qiniu___859ec41d3d96dec7a0fc0309cd6fc2c1",
        "styles": styles,
        "userInfo": {
            "uid": 10,
            "userName": "菲诗佳佳",
            "avatar": "http://qiniu2.svideo.suxiangw.com/images/qiniu___e39ac47156fa6590003b39b125ed2d9b?imageView2/1/w/100/h/100/format/jpg",
            "isLive": true,
            "isFocus": false,
            "likeNum": 0,
            "isLike": false,
            "commentNum": 0,
            "shareNum": 0,
            "musicId": 10,
            "musicName": "菲诗佳佳1111111111111111111111111",
            "musicIcon": "http://qiniu2.svideo.suxiangw.com/images/qiniu___e39ac47156fa6590003b39b125ed2d9b?imageView2/1/w/100/h/100/format/jpg"
        }
    }]
}


var oxePlayer = api.require('oxePlayer');
 var data = {
                           components:[hongbao,component],// 控件 包括 红包 自定义控件 可选 不随屏滚动控件
                           index: 0, //打开播放器播放第一个视频索引
                           data: datas //视频数据
                       };
                       ox.initData(data);

可用性

Android,ios系统

可提供的1.3.3

initTTDrawAd

初始化穿山甲draw广告

示例代码

 appid 应用id  到穿山甲广告平台申请
var oxePlayer = api.require('oxePlayer');
oxePlayerox.initTTDrawAd({appId:'5159380'});

可用性

Android,ios系统

可提供的1.3.3

addTTDrawAd

添加穿山甲draw广告位

示例代码

  adPosId 广告位id count 一次申请广告数量 1-3  到穿山甲广告平台申请
var oxePlayer = api.require('oxePlayer');
oxePlayer.addTTDrawAd({adPosId:'945998297',count:2}, function(ret) {
       var code = ret.code;
       //code==-1 失败  0成功

});

可用性

Android,ios系统

可提供的1.3.3

insertTTDrawAd

穿山甲广告插入到索引位置

示例代码

  insertTTDrawAd({index:0});

可用性

Android,ios系统

可提供的1.3.3

next

播放下一条记录

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

prev

播放上一条记录

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

playIndex

播放索引视频

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

start

开始播放

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

pause

停止播放

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

replay

重新播放

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

duration

视频时长

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.duration(function(ret) {
                       if (ret.code==0) {
                           alert(ret.duration);
                       }
               });

可用性

Android,ios系统

可提供的1.3.3

seekTo

指定位置播放

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

position

播放位置

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.position(function(ret) {
                       if (ret.code==0) {
                           alert(ret.position);
                       }
               });

可用性

Android,ios系统

可提供的1.3.3

screenShot

截屏

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

remove

移除播放器

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

addDataAfter

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

addDataAfter({param})

params

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

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.addDataAfter(

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


);

可用性

Android,ios系统

可提供的1.3.3

addDataBefore

dbPlay下拉刷新时更新 数据

addDataBefore({param})

params

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

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.addDataBefore(

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


);

可用性

Android,ios系统

可提供的1.3.3

addComponent

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

addComponent({param})

params

       //数据格式 vid:视频id
        //radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
        //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
        //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
        //hidden 是否隐藏  processColor 进度条颜色(需要进度条添加)
        //code:16//控件标识  同时作为点击事件返回码 0,1,2,3,4,5占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
       var data ={
                       type: 'component',
                       x:20,
                       y:h-450,
                       w:100,
                       h:140,
                       radius:5,
                       backgroundColor:'#000000',
                       alpha:0.5,
                       border:0,
                       borderColor:'#E066FF',
                       code:66,
                       hidden:false,
                       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}],
                       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}]
                     };//自定义组件

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

updateComponent

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

updateComponent({param})

params

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

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

addStyle

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

addStyle({param})

params

       //数据格式 vid:视频id
        //radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
        //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
        //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
        //hidden 是否隐藏  processColor 进度条颜色(需要进度条添加)
        //code:16//控件标识  同时作为点击事件返回码 0,1,2,3,4,5占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
       var style = {
                       type: 'component',
                       x:20,
                       y:h-450,
                       w:100,
                       h:140,
                       radius:5,
                       backgroundColor:'#000000',
                       alpha:0.5,
                       border:0,
                       borderColor:'#E066FF',
                       code:66,
                       hidden:false,
                       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}],
                       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}]
                     };//自定义组件

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

updateStyles

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

updateStyles({styles:styles})

params

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

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

updateUserInfo

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

updateUserInfo({param})

params

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

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

showVipView

vip页面

showVipView()

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

hideVipView

退出vip页面

hideVipView()

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

showPlay

显示播放器

showPlay()

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

hidePlay

隐藏播放器

hidePlay()

示例代码

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

);

可用性

Android,ios系统

可提供的1.3.3

isFull

是否全屏

isFull()

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.isFull(function(ret) {
                       if (ret.code==0) {
                           alert(ret.isFull);
                       }
               }

);

可用性

Android,ios系统

可提供的1.3.3

setVolume

设置音量

setVolume({volume:1.5})

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

setMuted

设置静音

setVolume({isMuted:true})

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

setSpeed

设置倍速

setSpeed({speed:1.5})

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

exitFullScreen

退出全屏

exitFullScreen()

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

enterFullScreen

进入全屏

enterFullScreen()

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

clearCache

清理缓存

clearCache(function(ret) {});

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.clearCache(function(ret) {
                       if (ret.code==0) {
                           
                       }
               }

);

可用性

Android,ios系统

可提供的1.3.3

isLock

是否锁屏 fixdPlay fixePlay 有效

isLock()

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.isLock(function(ret) {
                       if (ret.code==0) {
                           alert(ret.isLock);
                       }
               }

);

可用性

Android,ios系统

可提供的1.3.3

addDanmaku

添加 弹幕

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

示例代码

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

可用性

Android,ios系统

可提供的1.3.3

stopFresh

dbPlay停止上下拉刷新

stopFresh()

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.stopFresh();

可用性

Android,ios系统

可提供的1.3.3

hongbaoAction

控制红包

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

示例代码

var oxePlayer = api.require('oxePlayer');
oxePlayer.hongbaoAction({action:0});

可用性

Android,ios系统

可提供的1.3.3

sendLiveGift

发送礼物

var param = {
               name:'oxPlayer',//用户名
               avatar:'',//用户头像
               giftId:'G01',//礼物id
               giftName:'鲜花',//礼物名称
               giftImg:'widget://gift/yipitiezhi001.png',//礼物小图标
               giftSvga:'widget://svga/001.svga',//礼物svga动画 同时支持gif
               giftValue:10,//礼物价值
               num:10//数量
            };

var oxePlayer = api.require('oxePlayer');
oxePlayer.sendLiveGift(param );

可用性

Android,ios系统

可提供的1.3.3

sendLiveMessage

发送滚动消息

var param = {
               type:3,//1 系统消息 2 自己的消息 3 其他人消息 4 html标签 userMsg用html标签
               uid:'',
               userName:'潮汕小丸子',
               userMsg:'示例内容11112222222222222f',
               icon:'widget://image/icon_message.png',
               textColor:'#FFFFFF'
            };

var oxePlayer = api.require('oxePlayer');
oxePlayer.sendLiveMessage(param );

可用性

Android,ios系统

可提供的1.3.3

sendLiveMembers

更新成员列表

var param =[ {
             uid: '9',
        avatar: 'http://qiniu2.svideo.suxiangw.com/images/qiniu___6b9beb72204bf8b4b55cfdc9131658c0?imageView2/1/w/100/h/100/format/jpg',
        name: '潮汕小丸子'
            }];

var oxePlayer = api.require('oxePlayer');
oxePlayer.sendLiveMembers(param );

可用性

Android,ios系统

可提供的1.3.3

sendLiveDanmaku

发送弹窗

var param = {
             avatar:'http://qiniu2.svideo.suxiangw.com/images/qiniu___6b9beb72204bf8b4b55cfdc9131658c0?imageView2/1/w/100/h/100/format/jpg',
              name:'潮汕小丸子',
              uid:'55222',
              content:'示例内容11112222222222222fdgsdfgsdfgdfsgdfsgdfsgdsfgsdfgsdfgds'
            };

var oxePlayer = api.require('oxePlayer');
oxePlayer.sendLiveDanmaku(param );

可用性

Android,ios系统

可提供的1.3.3

setHBProgress

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

var param = {progress:20};

var oxePlayer = api.require('oxePlayer');
oxePlayer.setHBProgress(param);

可用性

Android,ios系统

可提供的1.3.3

setScreenScaleType

设置视频适应 0 :自动调节 默认 1自适应 2 全屏

var data = {scaleType:0};
var oxPlayer = api.require('oxPlayer');
oxPlayer.setScreenScaleType(data);

可用性

Android,ios系统

可提供的1.3.3

addCacheDatas

封面 视频预加载接口

datas数据格式与initData接口内 数据格式相同
ox.addCacheDatas({data:datas});

可用性

Android,ios系统

可提供的1.3.3

是否仍需要帮助? 请保持联络!
最后更新于 2024/12/2