oxPlayer
播放器点播直播fixdPlay fixzPlay isFull exitFullScreen enterFullScreen isLock addDanmaku showVipView hideVipView startDlnaSearch startDlnaPush stopDlnaPush updateDataAtIndex updateAll hlsStartDownload hlsStopDownload hlsRemoveDownload
dbPlay zbPlay addCacheDatas initTTDrawAd addTTDrawAd insertTTDrawAd addDataAfter addDataBefore insertDataBefore addStyle updateStyles updateUserInfo stopFresh hongbaoAction setHBProgress
论坛示例
为帮助用户更好更快的使用模块，论坛维护了一个示例，示例中包含示例代码、知识点讲解、注意事项等，供您参考。
概述
oxPlayer播放器,功能全面，支持点播 直播 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.6.0
<div id="a1"></div>
# **fixdPlay**
指定区域显示播放器,点播，可分集播放
fixdPlay({param})
## 自定义控件
```js
//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];
示例代码
```js 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 背景透明度 nextIcon:'widget://image/next.png',//锁屏按钮 lockIcon:{unlock:'widget://image/unlock.png',lock:'widget://image/lock.png'},//锁屏按钮 shotIcon:'widget://image/capture.png',//截屏按钮 startIcon:'widget://image/start.png',//中间开始播放圆形按钮 playIcon:{pauseIcon:'widget://image/pause.png',playIcon:'widget://image/play.png'},//切换大小屏按钮图标 fullSmallIcon:{fullIcon:'widget://image/fullscreen_exit.png',smallIcon:'widget://image/fullscreen.png'},//切换大小屏按钮图标 seekbarStyle:{progressThumb:'widget://image/thumb.png',progressColor:'#50CDD4',bufferColor:'#FFFFFF'},//滑动条样式 loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花 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.6.0
fixzPlay
指定区域显示播放器,直播
fixzPlay({param})
自定义控件
```js //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];
示例代码
js 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 背景透明度 lockIcon:{unlock:'widget://image/unlock.png',lock:'widget://image/lock.png'},//锁屏按钮 shotIcon:'widget://image/capture.png',//截屏按钮 startIcon:'widget://image/start.png',//中间开始播放圆形按钮 playIcon:{pauseIcon:'widget://image/pause.png',playIcon:'widget://image/play.png'},//切换大小屏按钮图标 fullSmallIcon:{fullIcon:'widget://image/fullscreen_exit.png',smallIcon:'widget://image/fullscreen.png'},//切换大小屏按钮图标 loadGif:'widget://image/loading.gif',//视频加载动画 可选 为空或没有,系统默认菊花 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.6.0
dbPlay
全屏点播,仿抖音 可上下滑动切换视频
dbPlay({param})
控件
```js //红包控件 操作对应 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 //视频数据
};```
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.dbPlay(datas);
可用性
Android,ios系统
可提供的1.6.0
zbPlay
全屏直播,仿抖音
zbPlay({param})
params
```js //红包控件 操作对应 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 //视频数据
};```
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.zbPlay(datas);
可用性
Android,ios系统
可提供的1.6.0
initTTDrawAd
初始化穿山甲draw广告
示例代码
js appid 应用id 到穿山甲广告平台申请 var oxPlayer = api.require('oxPlayer'); oxPlayerox.initTTDrawAd({appId:'5159380'});
可用性
Android,ios系统
可提供的1.6.0
addTTDrawAd
添加穿山甲draw广告位
示例代码
```js adPosId 广告位id count 一次申请广告数量 1-3 到穿山甲广告平台申请 var oxPlayer = api.require('oxPlayer'); oePlayer.addTTDrawAd({adPosId:'945998297',count:2}, function(ret) { var code = ret.code; //code==-1 失败
});```
可用性
Android,ios系统
可提供的1.6.0
insertTTDrawAd
穿山甲广告插入到索引位置
示例代码
js insertTTDrawAd({index:0});
可用性
Android,ios系统
可提供的1.6.0
next
播放下一条记录
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.next();
可用性
Android,ios系统
可提供的1.6.0
prev
播放上一条记录
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.prev();
可用性
Android,ios系统
可提供的1.6.0
playIndex
播放索引视频
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.playIndex({index:4});
可用性
Android,ios系统
可提供的1.6.0
start
开始播放
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.start();
可用性
Android,ios系统
可提供的1.6.0
pause
停止播放
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.pause();
可用性
Android,ios系统
可提供的1.6.0
replay
重新播放
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.replay();
可用性
Android,ios系统
可提供的1.6.0
duration
视频时长
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.duration(function(ret) { if (ret.code==0) { alert(ret.duration); } });
可用性
Android,ios系统
可提供的1.6.0
seekTo
指定位置播放
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.seekTo({position:100000});
可用性
Android,ios系统
可提供的1.6.0
position
播放位置
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.position(function(ret) { if (ret.code==0) { alert(ret.position); } });
可用性
Android,ios系统
可提供的1.6.0
screenShot
截屏
示例代码
js 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.6.0
remove
移除播放器
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.remove();
可用性
Android,ios系统
可提供的1.6.0
addDataAfter
dbPlay接口播放最后一个视频时 追加 数据
addDataAfter({param})
params
js 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'//视频地址 } ]};
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.addDataAfter({data:datas});
可用性
Android,ios系统
可提供的1.6.0
addDataBefore
dbPlay下拉刷新时更新 数据
addDataBefore({param})
params
js 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'//视频地址 } ]};
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.addDataBefore({data:datas});
可用性
Android,ios系统
可提供的1.6.0
insertDataBefore
dbPlay下拉刷新时添加 数据 放在数组前
insertDataBefore({param})
params
js 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'//视频地址 } ]};
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.insertDataBefore({data:datas,index:0});
可用性
Android,ios系统
可提供的1.6.0
addComponent
添加控件 dbPlay zbPlay不随屏滚动控件 fixdPlay fixzPlay 动态添加控件
addComponent({param})
params
js //数据格式 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 };//自定义组件
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.addComponent(data}
);```
可用性
Android,ios系统
可提供的1.6.0
updateComponent
动态更新组件 dbPlay zbPlay不随屏滚动控件 fixdPlay fixzPlay 动态添加控件
updateComponent({param})
params
js component格式参考 dbPlayer接口里的各组件定义 var data = {component};
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.updateComponent(data}
);```
可用性
Android,ios系统
可提供的1.6.0
addStyle
当前视频动态 添加控件 调用dbPlay zbPlay时此接口生效
addStyle({param})
params
js //数据格式 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 };//自定义组件
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.addStyle(style}
);```
可用性
Android,ios系统
可提供的1.6.0
updateStyles
当前视频 动态更新组件 样式 调用dbPlay zbPlay时此接口生效
updateStyles({styles:styles})
params
js component格式参考 dbPlayer接口里的各组件定义 var data = {styles:[component]};
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.updateStyles({styles:styles})
);```
可用性
Android,ios系统
可提供的1.6.0
updateUserInfo
当前视频 动态更新视频用户信息 比如 评论数 分享数 等 更新 调用dbPlay zbPlay时此接口生效
updateUserInfo({param})
params
js 数据格式 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'};
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.updateUserInfo(userInfo:userInfo}
);```
可用性
Android,ios系统
可提供的1.6.0
showVipView
vip页面
showVipView()
示例代码
```js 点击按钮返回 见 温馨提示 var oxPlayer = api.require('oxPlayer'); oxPlayer.showVipView(}
);```
可用性
Android,ios系统
可提供的1.6.0
hideVipView
退出vip页面
hideVipView()
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.hideVipView(}
);```
可用性
Android,ios系统
可提供的1.6.0
showPlay
显示播放器
showPlay()
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.showPlay(}
);```
可用性
Android,ios系统
可提供的1.6.0
hidePlay
隐藏播放器
hidePlay()
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.hidePlay(}
);```
可用性
Android,ios系统
可提供的1.6.0
isFull
是否全屏
isFull()
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.isFull(function(ret) { if (ret.code==0) { alert(ret.isFull); } }
);```
可用性
Android,ios系统
可提供的1.6.0
setVolume
设置音量
setVolume({volume:1.5})
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.setVolume({volume:1.5});
可用性
Android,ios系统
可提供的1.6.0
setMuted
设置静音
setVolume({isMuted:true})
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.setVolume({isMuted:true});
可用性
Android,ios系统
可提供的1.6.0
setSpeed
设置倍速
setSpeed({speed:1.5})
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.setSpeed({speed:1.5});
可用性
Android,ios系统
可提供的1.6.0
exitFullScreen
退出全屏
exitFullScreen()
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.exitFullScreen();
可用性
Android,ios系统
可提供的1.6.0
enterFullScreen
进入全屏
enterFullScreen()
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.enterFullScreen();
可用性
Android,ios系统
可提供的1.6.0
clearCache
清理缓存
clearCache(function(ret) {});
示例代码
```js var oxPlayer = api.require('oxPlayer'); oxPlayer.clearCache(function(ret) { if (ret.code==0) {
}
}
);```
可用性
Android,ios系统
可提供的1.6.0
isLock
是否锁屏 fixdPlay fixePlay 有效
isLock()
示例代码
```js var oxePlayer = api.require('oxePlayer'); oxePlayer.isLock(function(ret) { if (ret.code==0) { alert(ret.isLock); } }
);```
可用性
Android,ios系统
可提供的1.6.0
addDanmaku
添加 弹幕
addDanmaku({text:'',isSelf:true})
示例代码
js var oxPlayer = api.require('oxPlayer'); oxPlayer.addDanmaku({text:'',isSelf:true});
可用性
Android,ios系统
可提供的1.6.0
stopFresh
dbPlay停止上下拉刷新
stopFresh()
var oxPlayer = api.require('oxPlayer'); oxPlayer.stopFresh();```
可用性
Android,ios系统
可提供的1.6.0
hongbaoAction
控制红包
hongbaoAction({action:0}) //0 开始红包进度条 1停止 2显示 3隐藏
var oxPlayer = api.require('oxPlayer'); oxPlayer.hongbaoAction({action:0});```
可用性
Android,ios系统
可提供的1.6.0
startDlnaSearch
搜索投屏设备
```js code:12 监听返回投屏设备类表
{code:12,devices:[{name:'',uuid:''}]}
var oxPlayer = api.require('oxPlayer'); oxPlayer.startDlnaSearch(function(ret) { if (ret.code==0) { //返回 name uuid alert(JSON.stringify(ret)) } });```
可用性
Android,ios系统
可提供的1.6.0
startDlnaPush
推送投屏视频
js var oxPlayer = api.require('oxPlayer'); oxPlayer.startDlnaPush({ device:{name:'',uuid:''},//投屏设备 url:''//视频地址 },function(ret) { if (ret.code==0) { alert('投屏成功'); } });
可用性
Android,ios系统
可提供的1.6.0
stopDlnaPush
停止投屏
js var oxPlayer = api.require('oxPlayer'); oxPlayer.stopDlnaPush(function(ret) { if (ret.code==0) { alert('成功'); } });
可用性
Android,ios系统
可提供的1.6.0
updateDataAtIndex
更新一条记录
```js var param = { index:2, data:{ vid:'', uid:'', title:'', thumb:'', url:'' } };
var oxPlayer = api.require('oxPlayer'); oxPlayer.updateDataAtIndex(param );```
可用性
Android,ios系统
可提供的1.6.0
setHBProgress
设置红包进度 code ==16 返回小视频播放进度 可调用此方法
```js var param = {progress:20};
var oxPlayer = api.require('oxPlayer'); oxPlayer.setHBProgress(param);```
可用性
Android,ios系统
可提供的1.6.0
updateAll
更新所有记录
```js 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.6.0
hlsStartDownload
m3u8下载开始
```js 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.6.0
hlsStopDownload
m3u8停止下载
```js var data = {url:''}; var oxPlayer = api.require('oxPlayer'); oxPlayer.hlsStopDownload(data,function(ret) { if (ret.code==0) { //成功返回
}if(ret.code==-1){
//错误返回
}
}
});```
可用性
Android,ios系统
可提供的1.6.0
hlsRemoveDownload
m3u8移除缓存
```js var data = {url:''}; var oxPlayer = api.require('oxPlayer'); oxPlayer.hlsRemoveDownload(data,function(ret) { if (ret.code==0) { //成功返回
}if(ret.code==-1){
//错误返回
}
}
});```
可用性
Android,ios系统
可提供的1.6.0
setScreenScaleType
设置视频适应 0 :自动调节 默认 1自适应 2 全屏
js var data = {scaleType:0}; var oxPlayer = api.require('oxPlayer'); oxPlayer.setScreenScaleType(data);
可用性
Android,ios系统
可提供的1.6.0
setOptionValue
设置ijk参数
js var data = {key:'',value:'',category:0}; var oxPlayer = api.require('oxPlayer'); oxPlayer.setOptionValue(data);
可用性
Android,ios系统
可提供的1.6.0
setOptionIntValue
设置ijk参数
js var data = {key:'',value:0,category:0}; var oxPlayer = api.require('oxPlayer'); oxPlayer.setOptionIntValue(data);
可用性
Android,ios系统
可提供的1.6.0
addCacheDatas
封面 视频预加载接口
js datas数据格式与initData接口内 数据格式相同 ox.addCacheDatas({data:datas});
可用性
Android,ios系统
可提供的1.6.0