Ox Player
/ Title: oxPlayer Description: oxPlayer /
来自于:开发者立即使用
播放器点播直播论坛示例
为帮助用户更好更快的使用模块,论坛维护了一个示例,示例中包含示例代码、知识点讲解、注意事项等,供您参考。
概述
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.5.2
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.5.2
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];
## 示例代码
```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 背景透明度
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.5.2
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.5.2
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.5.2
initTTDrawAd
初始化穿山甲draw广告
示例代码
appid 应用id 到穿山甲广告平台申请
var oxPlayer = api.require('oxPlayer');
oxPlayerox.initTTDrawAd({appId:'5159380'});
可用性
Android,ios系统
可提供的1.5.2
addTTDrawAd
添加穿山甲draw广告位
示例代码
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.5.2
insertTTDrawAd
穿山甲广告插入到索引位置
示例代码
insertTTDrawAd({index:0});
可用性
Android,ios系统
可提供的1.5.2
next
播放下一条记录
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.next();
可用性
Android,ios系统
可提供的1.5.2
prev
播放上一条记录
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.prev();
可用性
Android,ios系统
可提供的1.5.2
playIndex
播放索引视频
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.playIndex({index:4});
可用性
Android,ios系统
可提供的1.5.2
start
开始播放
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.start();
可用性
Android,ios系统
可提供的1.5.2
pause
停止播放
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.pause();
可用性
Android,ios系统
可提供的1.5.2
replay
重新播放
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.replay();
可用性
Android,ios系统
可提供的1.5.2
duration
视频时长
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.duration(function(ret) {
if (ret.code==0) {
alert(ret.duration);
}
});
可用性
Android,ios系统
可提供的1.5.2
seekTo
指定位置播放
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.seekTo({position:100000});
可用性
Android,ios系统
可提供的1.5.2
position
播放位置
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.position(function(ret) {
if (ret.code==0) {
alert(ret.position);
}
});
可用性
Android,ios系统
可提供的1.5.2
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.5.2
remove
移除播放器
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.remove();
可用性
Android,ios系统
可提供的1.5.2
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.5.2
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.5.2
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.5.2
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.5.2
updateComponent
动态更新组件 dbPlay zbPlay不随屏滚动控件 fixdPlay fixzPlay 动态添加控件
updateComponent({param})
params
component格式参考 dbPlayer接口里的各组件定义
var data = {component};
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.updateComponent(data}
);
可用性
Android,ios系统
可提供的1.5.2
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.5.2
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.5.2
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.5.2
showVipView
vip页面
showVipView()
示例代码
点击按钮返回 见 温馨提示
var oxPlayer = api.require('oxPlayer');
oxPlayer.showVipView(}
);
可用性
Android,ios系统
可提供的1.5.2
hideVipView
退出vip页面
hideVipView()
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.hideVipView(}
);
可用性
Android,ios系统
可提供的1.5.2
showPlay
显示播放器
showPlay()
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.showPlay(}
);
可用性
Android,ios系统
可提供的1.5.2
hidePlay
隐藏播放器
hidePlay()
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.hidePlay(}
);
可用性
Android,ios系统
可提供的1.5.2
isFull
是否全屏
isFull()
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.isFull(function(ret) {
if (ret.code==0) {
alert(ret.isFull);
}
}
);
可用性
Android,ios系统
可提供的1.5.2
setVolume
设置音量
setVolume({volume:1.5})
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.setVolume({volume:1.5});
可用性
Android,ios系统
可提供的1.5.2
setMuted
设置静音
setVolume({isMuted:true})
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.setVolume({isMuted:true});
可用性
Android,ios系统
可提供的1.5.2
setSpeed
设置倍速
setSpeed({speed:1.5})
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.setSpeed({speed:1.5});
可用性
Android,ios系统
可提供的1.5.2
exitFullScreen
退出全屏
exitFullScreen()
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.exitFullScreen();
可用性
Android,ios系统
可提供的1.5.2
enterFullScreen
进入全屏
enterFullScreen()
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.enterFullScreen();
可用性
Android,ios系统
可提供的1.5.2
clearCache
清理缓存
clearCache(function(ret) {});
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.clearCache(function(ret) {
if (ret.code==0) {
}
}
);
可用性
Android,ios系统
可提供的1.5.2
isLock
是否锁屏 fixdPlay fixePlay 有效
isLock()
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.isLock(function(ret) {
if (ret.code==0) {
alert(ret.isLock);
}
}
);
可用性
Android,ios系统
可提供的1.5.2
addDanmaku
添加 弹幕
addDanmaku({text:'',isSelf:true})
示例代码
var oxPlayer = api.require('oxPlayer');
oxPlayer.addDanmaku({text:'',isSelf:true});
可用性
Android,ios系统
可提供的1.5.2
stopFresh
dbPlay停止上下拉刷新
stopFresh()
var oxPlayer = api.require('oxPlayer'); oxPlayer.stopFresh();```
可用性
Android,ios系统
可提供的1.5.2
hongbaoAction
控制红包
hongbaoAction({action:0}) //0 开始红包进度条 1停止 2显示 3隐藏
var oxPlayer = api.require('oxPlayer'); oxPlayer.hongbaoAction({action:0});```
可用性
Android,ios系统
可提供的1.5.2
startDlnaSearch
搜索投屏设备
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.5.2
startDlnaPush
推送投屏视频
var oxPlayer = api.require('oxPlayer');
oxPlayer.startDlnaPush({
device:{name:'',uuid:''},//投屏设备
url:''//视频地址
},function(ret) {
if (ret.code==0) {
alert('投屏成功');
}
});
可用性
Android,ios系统
可提供的1.5.2
stopDlnaPush
停止投屏
var oxPlayer = api.require('oxPlayer');
oxPlayer.stopDlnaPush(function(ret) {
if (ret.code==0) {
alert('成功');
}
});
可用性
Android,ios系统
可提供的1.5.2
updateDataAtIndex
更新一条记录
var param = {
index:2,
data:{
vid:'',
uid:'',
title:'',
thumb:'',
url:''
}
};
var oxPlayer = api.require('oxPlayer');
oxPlayer.updateDataAtIndex(param );
可用性
Android,ios系统
可提供的1.5.2
setHBProgress
设置红包进度 code ==16 返回小视频播放进度 可调用此方法
var param = {progress:20};
var oxPlayer = api.require('oxPlayer');
oxPlayer.setHBProgress(param);
可用性
Android,ios系统
可提供的1.5.2
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.5.2
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.5.2
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.5.2
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.5.2
setScreenScaleType
设置视频适应 0 :自动调节 默认 1自适应 2 全屏
var data = {scaleType:0};
var oxPlayer = api.require('oxPlayer');
oxPlayer.setScreenScaleType(data);
可用性
Android,ios系统
可提供的1.5.2
setOptionValue
设置ijk参数
var data = {key:'',value:'',category:0};
var oxPlayer = api.require('oxPlayer');
oxPlayer.setOptionValue(data);
可用性
Android,ios系统
可提供的1.5.2
setOptionIntValue
设置ijk参数
var data = {key:'',value:0,category:0};
var oxPlayer = api.require('oxPlayer');
oxPlayer.setOptionIntValue(data);
可用性
Android,ios系统
可提供的1.5.2
addCacheDatas
封面 视频预加载接口
datas数据格式与initData接口内 数据格式相同
ox.addCacheDatas({data:datas});
可用性
Android,ios系统
可提供的1.5.2