oxoPlayer

全局监听

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

论坛示例

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

概述

oxoPlayer播放器,功能全面,支持点播 直播 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接口调用时播放位置监听事件(播放器)
   ox.addEventListener(function(ret) {
           var code= ret.code;
            //  0 小屏状态下返回按钮点击 
            //  1 播放进度实时返回position
            //  2 ad1广告点击返回 
            //  3 ad2 广告点击返回 
            //  4 vip点击返回 
            //  5 弹幕开启状态 
            //  6 播放 
            //  7 暂停 
            //  8 缓冲返回 
            //  9 连接失败
            //  10 钢笔图标点击
            //  11 选集列表 点击 返回选择的集数信息
            //  12 投屏扫描返回
            //  13 是否全屏 
            //  14播放结束 
            //  15准备播放
            //  16全屏下一集点击事件
            //  17广告Skip点击返回
            //  18广告详情点击返回
            //  19清晰度点击返回
         }

    });
  dbPlay  zbPlay接口调用时播放位置监听事件(仿抖音)
  ox.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 值代表放回 事件 请参考 上面 温馨提示

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

fixdPlay

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

fixdPlay({param})

自定义控件

             //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-80,y:100,w:50,h:60,pic:'widget://image/hongbao.png',
                            rect:{x:0,y:2,w:50,h:60},radius:5,backgroundColor:'',
                            alpha:0.5,border:0,borderColor:'#E066FF',text:'',
                            textSize:14,
                            textColor:'#C0FF3E',
                            alignment:0,
                            type:'small',
                            code:26,
                            isHtml: true,//text是否html标签
                            data:{test:'22222222'},//附加数据 随事件返回
                            autoHidden:false};//自定义组件

             var styles= [component];
  

示例代码

var ox = api.require('oxPlayer');
ox.fixdPlay({
                              rect:{x:0, y:0,w:'auto', h:220},
                              fixedOn:api.frameName,
                              fixed:true,
                              coreType:1,//内核  0  exo  1 ijk
                              optionValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                              optionIntValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                              forceDeviceOrientation:false,//旋转方向 true 全屏视频不旋转
                              radius:0,//圆角大小 默认 0 没有圆角
                              showBack:true,//返回按钮是否显示小屏幕
                              showSelect:true,//选集按钮是否显示
                              showSpeed:true,//倍速按钮是否显示
                              showShot:true,//截图按钮是否显示
                              showDefinition: true, //清晰度按钮是否显示
                              showReplay: true, // 重播按钮是否显示
                              showDlna:{small:true,full:true},//投屏按钮是否显示
                              showDunmaku:{small:true,full:true},//弹幕按钮是否显示
                              showMore:{small:true,full:true},//跟多按钮是否显示
                              showBottomProcess:true,
                              autoPlay:true,//默认false
                              openCache:false,//是否开启缓存
                              styles:styles,
                              hideControl:false,//是否隐藏所有控件
                              backgroundHolder:'',//视频背景图片
                              backgroundAlpha:0.3,//0 背景透明度
                              loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花
                              playBtn:'widget://image/play_btn.png',//视频中间播放按钮 为空或没有,系统默认
                              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.0.0

fixzPlay

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

fixzPlay({param})

自定义控件

             //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-80,y:100,w:50,h:60,pic:'widget://image/hongbao.png',
                            rect:{x:0,y:2,w:50,h:60},radius:5,backgroundColor:'',
                            alpha:0.5,border:0,borderColor:'#E066FF',text:'',
                            textSize:14,textColor:'#C0FF3E',alignment:0,type:'small',code:26,autoHidden:false};//自定义组件
             var styles= [component];

示例代码

var ox = api.require('oxPlayer');
ox.fixzPlay({
                         rect:{x:0, y:0,w:'auto', h:220},
                         fixedOn:api.frameName,
                         fixed:true,
                         coreType:1,//内核  0  exo  1 ijk
                         optionValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                         optionIntValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                         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,//最底部播放进度条是否显示
                         autoPlay:true,//默认false
                         backgroundHolder:'widget://launch/launch.png',//视频背景图片
                         backgroundAlpha:0.3,//0 背景透明度
                         loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花
                         playBtn:'widget://image/play_btn.png',//视频中间播放按钮 为空或没有,系统默认
                         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.0.0

dbPlay

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

dbPlay({param})

控件

            //红包控件 操作对应 hongbaoAction 接口 {action:0} 0开始 1暂定 2 显示 3 隐藏
            var hongbao = {
                type:'hongbao',
                x: w - 65,
                y: 120,
                w: 50,
                h: 50,
                time:40,//旋转一周时长
                code: 55,//点击事件返回code
                finishCode: 56,//结束事件返回code
                hidden: false
            }
             //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-15占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
            var component ={
                type:'component',
                x:w-65,
                y:200,
                w:60,
                h:60,
                pic:'widget://image/timg.gif',
                rect:{x:0,y:0,w:60,h:60},
                radius:30,
                backgroundColor:'#EE0000',
                alpha:0.5,
                border:1,
                borderColor:'#E066FF',
                text:'',
                textSize:14,
                textColor:'#C0FF3E',
                alignment:0,
                code:70,
                isHtml: false,//text是否html标签
                data:{test:'22222222'},//附加数据 随事件返回
                hidden:false
                };
             var datas = [{
                "vid": 49,
                "title": "@菲诗佳佳\r\n\r\n一个男人最大的失败是:让爱过自己的女人瞎觉得瞎了眼,让什么都不图女人受近委屈,最后还不知自己错在哪了@趣味小助",
                "thumb": "http://cdn.quietblog.cn/video_1591001666192479287_img.jpg",
                "url": "http://cdn.quietblog.cn/video_1591001666192479287.mp4",
                "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 data = {
                fixedOn: api.frameName,
                rect: {
                    x: 0,
                    y: 0,
                    w: w,
                    h: h
                },

                fixed: true,
                optionValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                optionIntValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                scrollType: 0, //滑动方向 0 上下滑动  1 左右滑动  默认 上下滑动 注意 开启左右滑动 前关闭左右滑动开关 ios 横滚未完成
                components:[hongbao,component],// 控件 包括 红包 自定义控件 可选 不随屏滚动控件
                index: 0, //打开播放器播放第一个视频索引
                openCache: true, //是否开启缓存
                cacheItems:2,//上下滑动时缓存条数 开启缓存有效  默认 2条
                scaleMode:0,//0 :自动调节 默认  1自适应 2 全屏
                showBack: true, //返回按钮是否显示事件返回code:0滑动返回code:1android有效
                showShade:false,//头部 底部阴影 是否显示  默认显示
                rightSlide: false, //右滑禁止开关  code 12 监听互动x坐标 为正 浮点型
                leftSlide: false, //左滑禁止开关code 12 监听互动x坐标 为负 浮点型
                freshUp: true, //上拉刷新开关  code 15
                freshDown: true, //下拉拉刷新开关code 14
                showDoubleClick: true, //双击红心点赞事件返回code:3
                heartImg:'',//双击红心图片自定义
                longClick: false, //11长按事件开关
                playBtn: '', //中间播放按钮图片(自定义) 可选 没有则用系统自带
                backgroundColor: '', //视频背景颜色
                backgroundHolder: '', //视频背景图片
                avatarHolder: '', //头像背景图片
                marginBottom: 55, //进度条距离底部距离
                loadGif:'widget://image/loading.gif',//启动动画 默认两个小球
                data: datas //视频数据
            };

示例代码

var oxPlayer = api.require('oxPlayer');
oxPlayer.dbPlay(datas);

可用性

Android,ios系统

可提供的1.0.0

zbPlay

全屏直播,仿抖音

zbPlay({param})

params

           //红包控件 操作对应 hongbaoAction 接口 {action:0} 0开始 1暂定 2 显示 3 隐藏
            var hongbao = {
                type:'hongbao',
                x: w - 65,
                y: 120,
                w: 50,
                h: 50,
                time:40,//旋转一周时长
                code: 55,//点击事件返回code
                finishCode: 56,//结束事件返回code
                hidden: false
            }
            //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-15占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
            var component ={type:'component',
                      x:w-65,y:200,w:60,h:60,
                      pic:'widget://image/timg.gif',
                      rect:{x:0,y:0,w:60,h:60},
                      radius:30,backgroundColor:'#EE0000',
                      alpha:0.5,border:1,
                      borderColor:'#E066FF'
                      ,text:'',
                      textSize:14,
                      textColor:'#C0FF3E',
                      isHtml: true,
                      data:{test:'22222222'},//组件附带数据 可选 会随事件返回
                      alignment:0,//文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
                      code:70,
                      animation:0,//隐藏 动画 显示隐藏时起作用 0正常 1左 2右 3上 4下
                      hidden:false
                     };
             var datas = {
                "vid": 49,
                "title": "@菲诗佳佳\r\n\r\n一个男人最大的失败是:让爱过自己的女人瞎觉得瞎了眼,让什么都不图女人受近委屈,最后还不知自己错在哪了@趣味小助",
                "thumb": "http://cdn.quietblog.cn/video_1591001666192479287_img.jpg",
                "url": "http://cdn.quietblog.cn/video_1591001666192479287.mp4",
                "styles": styles,
                "userInfo": {}
         };
          var data = {
                fixedOn: api.frameName,
                rect: {
                    x: 0,
                    y: 0,
                    w: w,
                    h: h
                },

                fixed: true,
                scaleMode:0,//0 :自动调节 默认  1自适应 2 全屏
                optionValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                optionIntValues:[{category:0,key:'',value:''}],//ijk配置项,谨慎使用
                scrollType: 0, //滑动方向 0 上下滑动  1 左右滑动  默认 上下滑动 注意 开启左右滑动 前关闭左右滑动开关 ios 横滚未完成
                components:[hongbao,component],// 控件 包括 红包 自定义控件 可选 不随屏滚动控件
                index: 0, //打开播放器播放第一个视频索引
                openCache: true, //是否开启缓存
                showBack: true, //返回按钮是否显示事件返回code:0滑动返回code:1android有效
                showShade:false,//头部 底部阴影 是否显示  默认显示
                rightSlide: false, //右滑禁止开关  code 12 监听互动x坐标 为正 浮点型
                leftSlide: false, //左滑禁止开关code 12 监听互动x坐标 为负 浮点型
                freshUp: true, //上拉刷新开关  code 15
                freshDown: true, //下拉拉刷新开关code 14
                showDoubleClick: true, //双击红心点赞事件返回code:3
                longClick: false, //11长按事件开关
                playBtn: '', //中间播放按钮图片(自定义) 可选 没有则用系统自带
                backgroundColor: '', //视频背景颜色
                backgroundHolder: '', //视频背景图片
                avatarHolder: '', //头像背景图片
                marginBottom: 55, //进度条距离底部距离
                loadGif:'widget://image/loading.gif',//启动动画 默认两个小球
                data: datas //视频数据
            };

示例代码

var oxPlayer = api.require('oxPlayer');
oxPlayer.zbPlay(datas);

可用性

Android,ios系统

可提供的1.0.0

next

播放下一条记录

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

prev

播放上一条记录

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

playIndex

播放索引视频

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

start

开始播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

pause

停止播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

replay

重新播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

duration

视频时长

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

seekTo

指定位置播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

position

播放位置

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

screenShot

截屏

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

remove

移除播放器

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

addDataAfter

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

addDataAfter({param})

params

       var datas={[{
           styles: styles,
           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:''
              },//用户信息 给各控件赋值
           vid:'5252d',//视频id
           title:'百无一用是深情,最不屑一顾是相思',//视屏简介
           thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
           url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
          }
        ]};

示例代码

var oxPlayer = api.require('oxPlayer');
oxPlayer.addDataAfter({data:datas});

可用性

Android,ios系统

可提供的1.0.0

addDataBefore

dbPlay下拉刷新时更新 数据

addDataBefore({param})

params

       var datas={[{
           styles: styles,
           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:''
              },//用户信息 给各控件赋值
           vid:'5252d',//视频id
           title:'百无一用是深情,最不屑一顾是相思',//视屏简介
           thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
           url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
          }
        ]};

示例代码

var oxPlayer = api.require('oxPlayer');
oxPlayer.addDataBefore({data:datas});

可用性

Android,ios系统

可提供的1.0.0

insertDataBefore

dbPlay下拉刷新时添加 数据 放在数组前

insertDataBefore({param})

params

       var datas={[{
           styles: styles,
           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:''
              },//用户信息 给各控件赋值
           vid:'5252d',//视频id
           title:'百无一用是深情,最不屑一顾是相思',//视屏简介
           thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
           url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
          }
        ]};

示例代码

var oxPlayer = api.require('oxPlayer');
oxPlayer.insertDataBefore({data:datas,index:0});

可用性

Android,ios系统

可提供的1.0.0

addComponent

添加控件 dbPlay zbPlay不随屏滚动控件 fixdPlay fixzPlay 动态添加控件

addComponent({param})

params

       //数据格式 vid:视频id
        //radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 
        //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
        //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
        //hidden 是否隐藏  
        //code:16//控件标识  同时作为点击事件返回码 0,1,2,3,4,5占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
       var data ={type:'component',
                      x:w-65,y:200,w:60,h:60,
                      pic:'widget://image/timg.gif',
                      rect:{x:0,y:0,w:60,h:60},
                      radius:30,backgroundColor:'#EE0000',
                      alpha:0.5,border:1,
                      borderColor:'#E066FF'
                      ,text:'',
                      textSize:14,
                      textColor:'#C0FF3E',
                      isHtml: true,
                      data:{test:'22222222'},//组件附带数据 可选 会随事件返回
                      alignment:0,//文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
                      code:70,
                      animation:0,//隐藏 动画 显示隐藏时起作用 0正常 1左 2右 3上 4下
                      hidden:false
                     };//自定义组件

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

updateComponent

动态更新组件 dbPlay zbPlay不随屏滚动控件 fixdPlay fixzPlay 动态添加控件

updateComponent({param})

params

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

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

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:w-65,y:200,w:60,h:60,
                      pic:'widget://image/timg.gif',
                      rect:{x:0,y:0,w:60,h:60},
                      radius:30,backgroundColor:'#EE0000',
                      alpha:0.5,border:1,
                      borderColor:'#E066FF'
                      ,text:'',
                      textSize:14,
                      textColor:'#C0FF3E',
                      isHtml: true,
                      data:{test:'22222222'},//组件附带数据 可选 会随事件返回
                      alignment:0,//文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
                      code:70,
                      animation:0,//隐藏 动画 显示隐藏时起作用 0正常 1左 2右 3上 4下
                      hidden:false
                     };//自定义组件

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

updateStyles

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

updateStyles({styles:styles})

params

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

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

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 oxPlayer = api.require('oxPlayer');
oxPlayer.updateUserInfo(userInfo:userInfo}

);

可用性

Android,ios系统

可提供的1.0.0

showVipView

vip页面

showVipView()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

hideVipView

退出vip页面

hideVipView()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

showPlay

显示播放器

showPlay()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

hidePlay

隐藏播放器

hidePlay()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

isFull

是否全屏

isFull()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

setVolume

设置音量

setVolume({volume:1.5})

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

setMuted

设置静音

setVolume({isMuted:true})

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

setSpeed

设置倍速

setSpeed({speed:1.5})

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

exitFullScreen

退出全屏

exitFullScreen()

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

enterFullScreen

进入全屏

enterFullScreen()

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

clearCache

清理缓存

clearCache(function(ret) {});

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

isLock

是否锁屏 fixdPlay fixePlay 有效

isLock()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.0

addDanmaku

添加 弹幕

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

示例代码

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

可用性

Android,ios系统

可提供的1.0.0

stopFresh

dbPlay停止上下拉刷新

stopFresh()

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

可用性

Android,ios系统

可提供的1.0.0

hongbaoAction

控制红包

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

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

可用性

Android,ios系统

可提供的1.0.0

startDlnaSearch

搜索投屏设备

code:12 监听返回投屏设备类表 

{code:12,devices:[{name:'',uuid:''}]}

var oxPlayer = api.require('oxPlayer');
oxPlayer.startDlnaSearch(function(ret) {
                  if (ret.code==0) {
                    //返回 name uuid
                     api.alert({msg: JSON.stringify(ret)})
                  }
              });

可用性

Android,ios系统

可提供的1.0.0

startDlnaPush

推送投屏视频

var oxPlayer = api.require('oxPlayer');
oxPlayer.startDlnaPush({
             device:{name:'',uuid:''},//投屏设备
             url:''//视频地址
             },function(ret) {
                       if (ret.code==0) {
                           alert('投屏成功');
                       }
               });

可用性

Android,ios系统

可提供的1.0.0

stopDlnaPush

停止投屏

var oxPlayer = api.require('oxPlayer');
oxPlayer.stopDlnaPush(function(ret) {
                       if (ret.code==0) {
                           alert('成功');
                       }
               });

可用性

Android,ios系统

可提供的1.0.0

updateDataAtIndex

更新一条记录

var param = {
             index:2,
             data:{
               vid:'',
               uid:'',
               title:'',
               thumb:'',
               url:''
            }
            };

var oxPlayer = api.require('oxPlayer');
oxPlayer.updateDataAtIndex(param );

可用性

Android,ios系统

可提供的1.0.0

setHBProgress

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

var param = {progress:20};

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

可用性

Android,ios系统

可提供的1.0.0

updateAll

更新所有记录

var datas= {data:[
                                   {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第一集',
                                    index:'01',
                                    thumb:'https://p9.pstatp.com/large/4c87000639ab0f21c285.jpeg',
                                    url:'https://v3.szjal.cn/20191120/IYfYSiin/index.m3u8'},
                                    {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第二集',
                                    index:'02',
                                    thumb:'https://p9.pstatp.com/large/4c87000639ab0f21c285.jpeg',
                                    url:'http://7z2dc9.com1.z0.glb.clouddn.com/apicloud/dc811d2c4d88b409063c7ea2065fe6a0.mp4'}

                                    ]};

var oxPlayer = api.require('oxPlayer');
oxPlayer.updateAll(datas);

可用性

Android,ios系统

可提供的1.0.0

hlsStartDownload

m3u8下载开始

var data = {url:''};

var oxPlayer = api.require('oxPlayer');
oxPlayer.hlsStartDownload(data,function(ret) {
                       if (ret.code==0) {
                           //返回下载进度1-100
                           alert(ret.progress);
                       }else if(ret.code==1){
                           //下载完成返回
                           alert(ret.localUrl);
                       }else if(ret.code==-1){
                           //下载错误返回
                       }
                     }
               });

可用性

Android,ios系统

可提供的1.0.0

hlsStopDownload

m3u8停止下载

var data = {url:''};
var oxPlayer = api.require('oxPlayer');
oxPlayer.hlsStopDownload(data,function(ret) {
                       if (ret.code==0) {
                           //成功返回
                           
                       }if(ret.code==-1){
                           //错误返回
                       }
                     }
               });

可用性

Android,ios系统

可提供的1.0.0

hlsRemoveDownload

m3u8移除缓存

var data = {url:''};
var oxPlayer = api.require('oxPlayer');
oxPlayer.hlsRemoveDownload(data,function(ret) {
                       if (ret.code==0) {
                           //成功返回
                           
                       }if(ret.code==-1){
                           //错误返回
                       }
                     }
               });

可用性

Android,ios系统

可提供的1.0.0

setScreenScaleType

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

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

可用性

Android,ios系统

可提供的1.0.0

setOptionValue

设置ijk参数

var data = {key:'',value:'',category:0};
var oxPlayer = api.require('oxPlayer');
oxPlayer.setOptionValue(data);

可用性

Android,ios系统

可提供的1.0.0

setOptionIntValue

设置ijk参数

var data = {key:'',value:0,category:0};
var oxPlayer = api.require('oxPlayer');
oxPlayer.setOptionIntValue(data);

可用性

Android,ios系统

可提供的1.0.0

addCacheDatas

封面 视频预加载接口

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

可用性

Android,ios系统

可提供的1.0.0

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