Oxe Player

oxePlayer

来自于:开发者立即使用

Method

论坛示例

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

概述

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

   监听事件(播放器)
   ox.addEventListener(function(ret) {
           var code= ret.code;
            //  0 小屏状态下返回按钮点击 
            //  1 播放进度实时返回position
            //  2 ad1广告点击返回 
            //  3 ad2 广告点击返回 
            //  4 vip点击返回 
            //  5 弹幕开启状态
            //  6 播放 
            //  7 暂停 
            //  8 缓冲返回 
            //  9 网络错误
            //  10 钢笔图标点击
            //  11 选集列表 点击 返回选择的集数信息
         }

    });

模块接口

addEventListener

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

addEventListener(callback)

返回格式

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

示例代码

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

       });

);

可用性

Android,ios系统

可提供的1.0.4

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,pic:'widget://image/timg.gif',
             rect:{x:0,y:2,w:50,h:50},radius:25,backgroundColor:'#EE0000',
             alpha:0.5,border:1,borderColor:'#E066FF',text:'',
             textSize:14,textColor:'#C0FF3E',alignment:0,type:'small',code:26,autoHidden:true};//自定义组件
             var styles= [component];
       {
                              rect:{x:0, y:0,w:'auto', h:220},
                              fixedOn:api.frameName,
                              fixed:true,
                              showBack:true,//返回按钮是否显示小屏幕
                              showSelect:true,//选集按钮是否显示
                              showSpeed:true,//倍速按钮是否显示
                              showShot:true,//截图按钮是否显示
                              showDlna:{small:true,full:true},//投屏按钮是否显示
                              showDunmaku:{small:true,full:true},//弹幕按钮是否显示
                              showMore:{small:false,full:true},//跟多按钮是否显示
                              showBottomProcess:true,//最底部播放进度条是否显示
                              autoPlay:true,         //默认false
                              openCache:false,       //是否开启缓存
                              hideControl:false,//是否隐藏所有控件
                              backgroundHolder:'widget://launch/launch.png',//视频背景图片
                              backgroundAlpha:0.3,//0 背景透明度
                              loop:false,//是否单急循环
                              styles:styles,         //自定义组件样式
                              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 ox = api.require('oxePlayer');
ox.fixdPlay({
                              rect:{x:0, y:0,w:'auto', h:220},
                              fixedOn:api.frameName,
                              fixed:true,
                              showBack:true,//返回按钮是否显示小屏幕
                              showSelect:true,//选集按钮是否显示
                              showSpeed:true,//倍速按钮是否显示
                              showShot:true,//截图按钮是否显示
                              showDlna:{small:true,full:true},//投屏按钮是否显示
                              showDunmaku:{small:true,full:true},//弹幕按钮是否显示
                              showMore:{small:false,full:true},//跟多按钮是否显示
                              showBottomProcess:true,
                              autoPlay:true,//默认false
                              openCache:false,//是否开启缓存
                              hideControl:false,//是否隐藏所有控件
                              backgroundHolder:'widget://launch/launch.png',//视频背景图片
                              backgroundAlpha:0.3,//0 背景透明度
                              loop:false,//是否单急循环
                              styles:styles,
                              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.4

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,pic:'widget://image/timg.gif',
             rect:{x:0,y:2,w:50,h:50},radius:25,backgroundColor:'#EE0000',
             alpha:0.5,border:1,borderColor:'#E066FF',text:'',
             textSize:14,textColor:'#C0FF3E',alignment:0,type:'small',code:26,autoHidden:true};//自定义组件
             var styles= [component];
       {
                              rect:{x:0, y:0,w:'auto', h:220},
                              fixedOn:api.frameName,
                              fixed:true,
                              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 背景透明度
                              styles:styles,         //自定义组件样式
                              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 ox = api.require('oxePlayer');
ox.fixzPlay({
                         rect:{x:0, y:0,w:'auto', h:220},
                         fixedOn:api.frameName,
                         fixed:true,
                         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 背景透明度
                         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.4

next

播放下一集,只对fixdPlay接口有效

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

prev

播放上一集,只对fixdPlay接口有效

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

playIndex

播放索引集视频,只对fixdPlay接口有效

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

start

开始播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

pause

停止播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

replay

重新播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

duration

视频时长

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

seekTo

指定位置播放

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

position

播放位置

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

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.0.4

remove

移除播放器

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

showVipView

vip页面

showVipView()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.4

hideVipView

退出vip页面

hideVipView()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.4

showPlay

显示播放器

showPlay()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.4

hidePlay

隐藏播放器

hidePlay()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.4

isFull

是否全屏

isFull()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.4

setVolume

设置音量

setVolume({volume:1.5})

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

setMuted

设置静音

setVolume({isMuted:true})

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

setSpeed

设置倍速

setSpeed({speed:1.5})

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

exitFullScreen

退出全屏

exitFullScreen()

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

enterFullScreen

进入全屏

enterFullScreen()

示例代码

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

可用性

Android,ios系统

可提供的1.0.4

clearCache

清理缓存

clearCache(function(ret) {});

示例代码

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

                       }
               }

);

可用性

Android,ios系统

可提供的1.0.4

isLock

是否锁屏 fixdPlay fixePlay 有效

isLock()

示例代码

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

);

可用性

Android,ios系统

可提供的1.0.4

addDanmaku

添加 弹幕

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

示例代码

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

可用性

Android,ios系统

可提供的1.0.4