Oxe Player
oxePlayer
全局监听
播放器点播直播
fixzPlay exitFullScreen isLock showVipView
滑动点播直播
dbPlay initData addDataBefore updateStyles stopFresh sendLiveGift sendLiveMembers setHBProgress
通用接口
updateComponent prev start replay seekTo screenShot showPlay setVolume setSpeed
论坛示例
为帮助用户更好更快的使用模块,论坛维护了一个示例,示例中包含示例代码、知识点讲解、注意事项等,供您参考。
概述
oxePlayer播放器,功能全面,支持点播 直播 android exo内核 iOS ijkplayer avplayer内核
模块概述
1.支持点播,直播 2.缓存,分集播放 3.支持dlna投屏,视频截图,倍数 4.android 支持视频格式 m3u8,flv,mp4,webm,ts,mpd,mkv 支持rtmp直播 5.ios 支持视频格式 m3u8,flv,mp4,mov 支持rtmp直播 6.仿抖音 插屏 music,share,comment,like,avatar,focus,title,userName,musicName,hoverText,component 等自定义控件 温馨提示
oxe.addEventListener(function(ret) {
var code= ret.code;
// 0 小屏状态下返回按钮点击
// 1 右滑结束(android有效)
// 2 单击
// 3 双击
// 4 滑到最后一个视频返回
// 5 播放记录返回index滚动到播放记录索引
// 6 播放
// 7 暂停
// 8 缓冲返回
// 9 网络错误
// 10 播放完成
// 11 长按事件
// 12 右滑返回坐标与状态
// 13 左滑返回坐标与状态
// 14 下拉刷新返回
// 15 上拉刷新返回
// 16 返回小视频播放进度 1-100 progress
});
addEventListener
监听统一接口 取消原来的api.addEventListener
addEventListener(callback)
返回格式
{code:0,vid:vid,userInfo:userInfo} //vid 视频id userInfo 用户信息
code 值代表放回 事件 请参考 上面 温馨提示
示例代码
oxe.addEventListener(function(ret) {
var code= ret.code;
});
);
可用性
Android,ios系统
可提供的1.1.1
fixdPlay
指定区域显示播放器,点播,可分集播放
fixdPlay({param})
params
//component 自定义控件 radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色
//alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
//textSize:14 文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
//hidden 是否隐藏
//code:16//控件标识 同时作为点击事件返回码 0-13占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
//type为full显示在全屏 small 显示在小屏
//autoHidden 是否随控件一起隐藏显示
var component={
x:w-50,
y:100,
w:50,
h:50,
radius:25,
backgroundColor:'#EE0000',
alpha:0.5,
border:1,
borderColor:'#E066FF',
type:'small',
code:26,
autoHidden:true
pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661}],
texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663}]
};//自定义组件
var styles= [component];
{
rect:{x:0, y:0,w:'auto', h:220},
fixedOn:api.frameName,
fixed:true,
radius:0,//圆角大小 默认 0 没有圆角
showBack:true,//返回按钮是否显示小屏幕
showSelect:true,//选集按钮是否显示
showSpeed:true,//倍速按钮是否显示
showShot:true,//截图按钮是否显示
showDlna:{small:true,full:true},//投屏按钮是否显示
showDunmaku:{small:true,full:true},//弹幕按钮是否显示
showMore:{small:true,full:true},//跟多按钮是否显示
showBottomProcess:true,
autoPlay:true,//默认false
openCache:false,//是否开启缓存
styles:styles,
hideControl:false,//是否隐藏所有控件
backgroundHolder:'',//视频背景图片
backgroundAlpha:0.3,//0 背景透明度
loop:false,//是否单急循环
ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告,为空则不播放广告
index:0,
data:[
{
uid:'',//扩展字段 用户id(可选,会随事件返回)
vid:'',//扩展字段 视频id(可选,会随事件返回)
title:'第一集',
index:'01',
thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
{
uid:'',//扩展字段 用户id(可选,会随事件返回)
vid:'',//扩展字段 视频id(可选,会随事件返回)
title:'第二集',
index:'02',
thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
]
}
示例代码
var oxe = api.require('oxePlayer');
oxe.fixdPlay({
rect:{x:0, y:0,w:'auto', h:220},
fixedOn:api.frameName,
fixed:true,
radius:0,//圆角大小 默认 0 没有圆角
showBack:true,//返回按钮是否显示小屏幕
showSelect:true,//选集按钮是否显示
showSpeed:true,//倍速按钮是否显示
showShot:true,//截图按钮是否显示
showDlna:{small:true,full:true},//投屏按钮是否显示
showDunmaku:{small:true,full:true},//弹幕按钮是否显示
showMore:{small:true,full:true},//跟多按钮是否显示
showBottomProcess:true,
autoPlay:true,//默认false
openCache:false,//是否开启缓存
styles:styles,
hideControl:false,//是否隐藏所有控件
backgroundHolder:'',//视频背景图片
backgroundAlpha:0.3,//0 背景透明度
loop:false,//是否单急循环
ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告,为空则不播放广告
index:0,
data:[
{
uid:'',//扩展字段 用户id(可选,会随事件返回)
vid:'',//扩展字段 视频id(可选,会随事件返回)
title:'第一集',
index:'01',
thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
{
uid:'',//扩展字段 用户id(可选,会随事件返回)
vid:'',//扩展字段 视频id(可选,会随事件返回)
title:'第二集',
index:'02',
thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
]
});
可用性
Android,ios系统
可提供的1.1.1
fixzPlay
指定区域显示播放器,直播
fixzPlay({param})
params
//component 自定义控件 radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色
//alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
//textSize:14 文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
//hidden 是否隐藏
//code:16//控件标识 同时作为点击事件返回码 0-13占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
//type为full显示在全屏 small 显示在小屏
//autoHidden 是否随控件一起隐藏显示
var component={
x:w-50,
y:100,
w:50,
h:50,
radius:25,
backgroundColor:'#EE0000',
alpha:0.5,
border:1,
borderColor:'#E066FF',
type:'small',
code:26,
autoHidden:true
pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661}],
texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663}]
};//自定义组件
var styles= [component];
{
rect:{x:0, y:0,w:'auto', h:220},
fixedOn:api.frameName,
fixed:true,
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 背景透明度
ad1:{isShow:false,type:'video',isShowSkip:true,duration:10,url:mp4,skipUrl:skipUrl},//播放前视频广告 为空则不播放广告
ad2:{isShow:false,url:ad2Url,skipUrl:skipUrl},//中间暂停广告,为空则不播放广告
index:0,
data:{
uid:'',//扩展字段 用户id(可选,会随事件返回)
vid:'',//扩展字段 视频id(可选,会随事件返回)
title:'第一集',thumb:'https://main.qcloudimg.com/raw/8cb10273fe2b6df81b36ddb79d0f4890.jpeg',
url:'http://5815.liveplay.myqcloud.com/live/5815_89aad37e06ff11e892905cb9018cf0d4_900.flv'
}
}
示例代码
var oxe = api.require('oxePlayer');
oxe.fixzPlay({
rect:{x:0, y:0,w:'auto', h:220},
fixedOn:api.frameName,
fixed:true,
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 背景透明度
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.1.1
dbPlay
全屏点播,仿抖音 可上下滑动切换视频
dbPlay({param})
params
var data = {
fixedOn: api.frameName,
rect: {
x: 0,
y: 0,
w: w,
h: h
},
fixed: true,
scrollType: 0, //滑动方向 0 上下滑动 1 左右滑动 默认 上下滑动 注意 开启左右滑动 前关闭左右滑动开关 ios横向暂不支持
openCache: true, //是否开启缓存
showBack: true, //返回按钮是否显示事件返回code:0滑动返回code:1android有效
rightSlide: false, //右滑禁止开关 code 12 监听互动x坐标 为正 浮点型
leftSlide: false, //左滑禁止开关code 12 监听互动x坐标 为负 浮点型
freshUp: false, //上拉刷新开关 code 15
freshDown: false, //下拉拉刷新开关code 14
showDoubleClick: true, //双击红心点赞事件返回code:3
longClick: false, //11长按事件开关
playBtn: '', //中间播放按钮图片(自定义) 可选 没有则用系统自带
backgroundColor: '#000000', //视频背景颜色
backgroundHolder: 'widget://image/background.png', //视频背景图片
avatarHolder: '', //头像背景图片
marginBottom: 55 //进度条距离底部距离
}
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.dbPlay(data);
可用性
Android,ios系统
可提供的1.1.1
zbPlay
全屏直播,仿抖音
zbPlay({param})
params
var live_avatar, live_members, live_gift, live_messages,closeBtn,shareBtn,sendMsgBtn,messageBtn;
live_avatar = {
type: 'live_avatar',
x: 10,
y: 50,
w: 130,
h: 40,
code: 18,
focusCode: 19,
hidden: false
}; //头像 +积分+关注
live_members = {
type: 'live_members',
x: 160,
y: 50,
w: w - 190,
h: 40,
code: 20,
hidden: false
}; //成员列表
live_gift = {
type: 'live_gift',
x: w - 150,
y: h - 60,
w: 40,
h: 40,
pic: '/static/icon_gift.png',
gifts: gift,
code: 21,
}; //礼物按钮 最多24个
live_messages = {
type: 'live_messages',
x: 0,
y: 420,
w: w,
h: h - 500,
code: 22,
hidden: false
}; //滚动消息
closeBtn = {
type: 'component',
x: w - 50,
y: h - 60,
w: 40,
h: 40,
radius: 20,
backgroundColor: '#33000000',
alpha: 1,
border: 0,
borderColor: '#E066FF',
code: 23,
hidden: false,
pics:[{path:'widget://image/icon_close.png',x:5,y:5,w:30,h:30,code:231}]
};
shareBtn = {
type: 'component',
x: w - 100,
y: h - 60,
w: 40,
h: 40,
radius: 20,
backgroundColor: '#33000000',
alpha: 1,
border: 0,
borderColor: '#E066FF',
code: 24,
hidden: false,
pics:[{path:'widget://image/icon_share.png',x:5,y:5,w:30,h:30,code:241}]
};
sendMsgBtn = {
type: 'component',
x: 10,
y: h - 60,
w: 40,
h: 40,
radius: 20,
backgroundColor: '#33000000',
alpha: 1,
border: 0,
borderColor: '#E066FF',
code: 25,
hidden: false,
pics:[{path:'widget://image/icon_send_message.png',x:5,y:5,w:30,h:30,code:251,hidden:false}]
};
messageBtn = {
type: 'component',
x: w - 200,
y: h - 60,
w: 40,
h: 40,
radius: 20,
backgroundColor: '#33000000',
alpha: 1,
border: 0,
borderColor: '#E066FF',
code: 26,
hidden: false,
pics:[{path:'widget://image/icon_message.png',x:5,y:5,w:30,h:30,code:261,hidden:false}],
};
var styles = [live_avatar, live_members, live_gift, live_messages, closeBtn, shareBtn, sendMsgBtn, messageBtn];
var data ={
fixedOn:api.frameName,
rect:{x:0, y:0,w:w, h:h},
fixed:true,
showBack:true,//返回按钮是否显示事件返回code:0滑动返回code:1android有效
rightSlide:true,//右滑禁止开关 code 12 监听互动x坐标 为正 浮点型
leftSlide:true,//左滑禁止开关code 12 监听互动x坐标 为负 浮点型
showDoubleClick:false,//双击红心点赞事件返回code:3
longClick:false,//11长按事件开关
playBtn:'',//中间播放按钮图片(自定义) 可选 没有则用系统自带
backgroundColor:'#000000',//视频背景颜色
backgroundHolder:'widget://image/icon_music_cover.png',//视频背景图片
avatarHolder:'widget://image/icon_music_cover.png',//头像背景图片
marginBottom:55//进度条距离底部距离
};
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.zbPlay(data);
可用性
Android,ios系统
可提供的1.1.1
initData
dbPlay zbPlay 初始化播放数据
示例代码
//code 0 返回 1 右滑 2 单击 3 双击 4滑到最后一个视频返回5 播放记录放回index滚动到播放记录索引 6播放 7 暂停 8 缓冲返回 9 网络错误 10播放完成 11长按事件
//按钮类型:music(带动画的音乐按钮),comment(评论),share(分享),like(红心点赞),avatar(头像),focus(关注),title(标题),desc(简介),musicName(音乐滚动字幕),component自定义组件 支持gif,
//xywh 控件 位置 大小
//pic 图片 音乐封面 图标图片 按钮背景图片等
//pic1 评论输入框 pic1 图标 pic2 发送图标
//component 自定义控件 radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
//alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
//textSize:14 文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
//hidden 是否隐藏 processColor 进度条颜色(需要进度条添加)
//code:16//控件标识 同时作为点击事件返回码 0-15占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
// 红包 音乐 分销 评论 点赞 头像 关注 视频简介 用户名 音乐名 自定义组件
var music, share, comment, like, avatar, focus, title, userName, musicName, component, compon;
music = {
type: 'music',
x: w - 65,
y: h - 120,
w: 80,
h: 80,
pic: 'widget://image/icon_music_cover.png',
code: 16,
hidden: false
}; //旋转音乐
share = {
type: 'share',
x: w - 60,
y: h - 200,
w: 40,
h: 40,
pic: '',
code: 17,
hidden: false,
num: {
hidden: false,
textColor: '#C0FF3E',
textSize: 12,
x: w - 60,
y: h - 160,
w: 40,
h: 40
}
}; //分享
comment = {
type: 'comment',
x: w - 60,
y: h - 260,
w: 40,
h: 40,
pic: '',
code: 18,
hidden: false,
num: {
hidden: false,
textColor: '#C0FF3E',
textSize: 12,
x: w - 60,
y: h - 220,
w: 40,
h: 40
}
}; //评论
like = {
type: 'like',
x: w - 60,
y: h - 320,
w: 40,
h: 40,
pic: '',
pic1: '',
code: 19,
hidden: false,
num: {
hidden: false,
textColor: '#C0FF3E',
textSize: 12,
x: w - 60,
y: h - 290,
w: 40,
h: 40
}
}; //红心点赞
avatar = {
type: 'avatar',
x: w - 65,
y: h - 400,
w: 50,
h: 50,
pic: '',
radius: 25,
border: 2,
borderColor: '#E066FF',
code: 20,
hidden: false
}; //头像
userName = {
type: 'userName',
x: 10,
y: h - 200,
w: 150,
h: 40,
textSize: 16,
textColor: '#FFFFFF',
code: 21,
hidden: false
}; //视频简介
title = {
type: 'title',
x: 10,
y: h - 160,
w: w - 120,
h: 80,
code: 22,
textSize: 14,
textColor: '#FFFFFF',
hidden: false
}; //用户名
musicName = {
type: 'musicName',
x: 20,
y: h - 80,
w: w - 130,
h: 30,
textSize: 16,
textColor: '#FFFFFF',
code: 23,
hidden: false
}; //头像
focus = {
type: 'focus',
x: w - 55,
y: h - 365,
w: 30,
pic: '',
code: 25,
hidden: false
}; //关注
component = {
type: 'component',
x: 10,
y: h - 45,
w: w - 20,
h: 40,
radius: 10,
backgroundColor: '#000000',
alpha: 0.1,
border: 0,
borderColor: '#01000000',
code: 27,
hidden: false,
pics:[{path:'widget://image/pan.png',x:10,y:10,w:20,h:20,code:271}],
texts:[{x:0,y:0,w:120,h:40,text:'说点什么',textSize:14,textColor:'#C0FF3E',alignment:0,code:272}]
}; //自定义控件 评论输入框
compon = {
type: 'component',
x:20,
y:h-300,
w:140,
h:70,
radius:5,
backgroundColor:'#000000',
alpha:0.5,
border:0,
borderColor:'#E066FF',
code:26,
hidden:false,
pics:[{path:'widget://image/product.jpg',x:0,y:0,w:70,h:70,code:261},{path:'widget://image/icon_close.png',x:125,y:0,w:15,h:15,code:262}],
texts:[{x:80,y:40,w:60,h:20,text:'商品',textSize:12,textColor:'#FFFFFF',alignment:0,code:263}]
};//商品
var styles = [avatar, focus, like, comment, share, music, title, userName, musicName, component,compon];
var hongbao = {
x: w - 65,
y: 120,
w: 50,
h: 50,
time:20,//旋转一周时长
code: 55,//点击事件返回code
finishCode: 56,//结束事件返回code
hidden: false
}
"vid": 49,
"title": "@菲诗佳佳\r\n\r\n一个男人最大的失败是:让爱过自己的女人瞎觉得瞎了眼,让什么都不图女人受近委屈,最后还不知自己错在哪了@趣味小助",
"thumb": "http://qiniu2.svideo.suxiangw.com/images/qiniu___12593c2cdae3f157fc1c93f0e2313ba8?imageView2/1/w/375/h/812/format/jpg",
"url": "http://qiniu2.svideo.suxiangw.com/qiniu___859ec41d3d96dec7a0fc0309cd6fc2c1",
"styles": styles,
"userInfo": {
"uid": 10,
"userName": "菲诗佳佳",
"avatar": "http://qiniu2.svideo.suxiangw.com/images/qiniu___e39ac47156fa6590003b39b125ed2d9b?imageView2/1/w/100/h/100/format/jpg",
"isLive": true,
"isFocus": false,
"likeNum": 0,
"isLike": false,
"commentNum": 0,
"shareNum": 0,
"musicId": 10,
"musicName": "菲诗佳佳1111111111111111111111111",
"musicIcon": "http://qiniu2.svideo.suxiangw.com/images/qiniu___e39ac47156fa6590003b39b125ed2d9b?imageView2/1/w/100/h/100/format/jpg"
}
}]
}
var oxePlayer = api.require('oxePlayer');
var data = {
components:[hongbao,component],// 控件 包括 红包 自定义控件 可选 不随屏滚动控件
index: 0, //打开播放器播放第一个视频索引
data: datas //视频数据
};
ox.initData(data);
可用性
Android,ios系统
可提供的1.1.1
next
播放下一条记录
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.next();
可用性
Android,ios系统
可提供的1.1.1
prev
播放上一条记录
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.prev();
可用性
Android,ios系统
可提供的1.1.1
playIndex
播放索引视频
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.playIndex({index:4});
可用性
Android,ios系统
可提供的1.1.1
start
开始播放
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.start();
可用性
Android,ios系统
可提供的1.1.1
pause
停止播放
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.pause();
可用性
Android,ios系统
可提供的1.1.1
replay
重新播放
示例代码
可用性
Android,ios系统
可提供的1.1.1
duration
视频时长
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.duration(function(ret) {
if (ret.code==0) {
alert(ret.duration);
}
});
Android,ios系统
可提供的1.1.1
seekTo
指定位置播放
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.seekTo({position:100000});
可用性
可提供的1.1.1
position
播放位置
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.position(function(ret) {
if (ret.code==0) {
alert(ret.position);
}
});
可用性
Android,ios系统
可提供的1.1.1
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.1.1
remove
移除播放器
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.remove();
可用性
Android,ios系统
可提供的1.1.1
addDataAfter
dbPlay接口播放最后一个视频时 追加 数据
addDataAfter({param})
params
{[{
userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
vid:'5252d',//视频id
title:'百无一用是深情,最不屑一顾是相思',//视屏简介
thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
}
]};
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.addDataAfter(
{data:[{
userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
vid:'5252d',//视频id
title:'百无一用是深情,最不屑一顾是相思',//视屏简介
thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
}
]}
);
可用性
Android,ios系统
可提供的1.1.1
addDataBefore
dbPlay下拉刷新时更新 数据
addDataBefore({param})
params
{[{
userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
vid:'5252d',//视频id
title:'百无一用是深情,最不屑一顾是相思',//视屏简介
thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
}
]};
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.addDataBefore(
{data:[[{
userInfo:{uid:'100000',nickName:'蒋小鱼',avatar:'https://p9-dy.byteimg.com/aweme/100x100/bdf80017d3278f461445.jpeg',isFocus:false
,likeNum:10,isLike:false,commentNum:20,shareNum:30,musicId:'',musicName:'长江新闻号',musicIcon:'https://p3-dy.byteimg.com/aweme/100x100/2e5370002d388bce37cb8.jpeg'},//用户信息 给各控件赋值
vid:'5252d',//视频id
title:'百无一用是深情,最不屑一顾是相思',//视屏简介
thumb:'http://qiniu2.svideo.suxiangw.com/images/qiniu___c5bf3477676229a06dc8b2359824763a',//视频封面
url:'http://qiniu2.svideo.suxiangw.com/qiniu___637d85a47243ea6855ef462d6333e485'//视频地址
}
]}
);
可用性
Android,ios系统
可提供的1.1.1
addComponent
添加控件 不随屏滚动控件 调用dbPlay zbPlay时此接口生效
addComponent({param})
params
//数据格式 vid:视频id
//radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
//alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
//textSize:14 文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
//hidden 是否隐藏 processColor 进度条颜色(需要进度条添加)
//code:16//控件标识 同时作为点击事件返回码 0,1,2,3,4,5占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
var data ={
type: 'component',
x:20,
y:h-450,
w:100,
h:140,
radius:5,
backgroundColor:'#000000',
alpha:0.5,
border:0,
borderColor:'#E066FF',
code:66,
hidden:false,
pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661},{path:'widget://image/icon_close.png',x:80,y:0,w:20,h:20,code:662}],
texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663},{x:0,y:120,w:50,h:20,text:'56.00元',textSize:12,textColor:'#FFFFFF',alignment:0,code:664}]
};//自定义组件
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.addComponent(data}
);
可用性
Android,ios系统
可提供的1.1.1
updateComponent
动态更新组件 不随屏滚动控件 调用dbPlay zbPlay时此接口生效
updateComponent({param})
params
component格式参考 dbPlayer接口里的各组件定义
var data = {component};
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.updateComponent(data}
);
可用性
Android,ios系统
可提供的1.1.1
addStyle
当前视频动态 添加控件 调用dbPlay zbPlay时此接口生效
addStyle({param})
params
//数据格式 vid:视频id
//radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
//alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
//textSize:14 文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
//hidden 是否隐藏 processColor 进度条颜色(需要进度条添加)
//code:16//控件标识 同时作为点击事件返回码 0,1,2,3,4,5占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
var style = {
type: 'component',
x:20,
y:h-450,
w:100,
h:140,
radius:5,
backgroundColor:'#000000',
alpha:0.5,
border:0,
borderColor:'#E066FF',
code:66,
hidden:false,
pics:[{path:'widget://image/product.jpg',x:5,y:20,w:90,h:100,code:661},{path:'widget://image/icon_close.png',x:80,y:0,w:20,h:20,code:662}],
texts:[{x:0,y:0,w:50,h:30,text:'旺仔',textSize:14,textColor:'#FFFFFF',alignment:0,code:663},{x:0,y:120,w:50,h:20,text:'56.00元',textSize:12,textColor:'#FFFFFF',alignment:0,code:664}]
};//自定义组件
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.addStyle(style}
);
可用性
Android,ios系统
可提供的1.1.1
updateStyles
当前视频 动态更新组件 样式 调用dbPlay zbPlay时此接口生效
updateStyles({styles:styles})
params
component格式参考 dbPlayer接口里的各组件定义
var data = {styles:[component]};
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.updateStyles({styles:styles})
);
可用性
Android,ios系统
可提供的1.1.1
updateUserInfo
当前视频 动态更新视频用户信息 比如 评论数 分享数 等 更新 调用dbPlay zbPlay时此接口生效
updateUserInfo({param})
params
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.updateUserInfo(userInfo:userInfo}
);
可用性
Android,ios系统
可提供的1.1.1
showVipView
vip页面
showVipView()
示例代码
点击按钮返回 见 温馨提示
var oxePlayer = api.require('oxePlayer');
oxePlayer.showVipView(}
);
Android,ios系统
可提供的1.1.1
hideVipView
退出vip页面
hideVipView()
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.hideVipView(}
);
可用性
Android,ios系统
可提供的1.1.1
showPlay
显示播放器
showPlay()
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.showPlay(}
);
可用性
Android,ios系统
可提供的1.1.1
hidePlay
隐藏播放器
hidePlay()
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.hidePlay(}
);
可用性
Android,ios系统
可提供的1.1.1
isFull
是否全屏
isFull()
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.isFull(function(ret) {
if (ret.code==0) {
alert(ret.isFull);
}
}
);
可用性
Android,ios系统
setVolume
设置音量
setVolume({volume:1.5})
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.setVolume({volume:1.5});
可用性
Android,ios系统
可提供的1.1.1
setMuted
设置静音
setVolume({isMuted:true})
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.setVolume({isMuted:true});
可用性
Android,ios系统
可提供的1.1.1
setSpeed
设置倍速
setSpeed({speed:1.5})
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.setSpeed({speed:1.5});
可用性
Android,ios系统
可提供的1.1.1
exitFullScreen
退出全屏
exitFullScreen()
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.exitFullScreen();
可用性
Android,ios系统
可提供的1.1.1
enterFullScreen
进入全屏
enterFullScreen()
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.enterFullScreen();
可用性
Android,ios系统
可提供的1.1.1
clearCache
清理缓存
clearCache(function(ret) {});
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.clearCache(function(ret) {
if (ret.code==0) {
}
}
);
可用性
Android,ios系统
可提供的1.1.1
isLock
是否锁屏 fixdPlay fixePlay 有效
isLock()
示例代码
var oxeePlayer = api.require('oxeePlayer');
oxeePlayer.isLock(function(ret) {
if (ret.code==0) {
alert(ret.isLock);
}
}
);
可用性
Android,ios系统
可提供的1.1.1
addDanmaku
添加 弹幕
addDanmaku({text:’’,isSelf:true})
示例代码
var oxePlayer = api.require('oxePlayer');
oxePlayer.addDanmaku({text:'',isSelf:true});
可用性
Android,ios系统
可提供的1.1.1
stopFresh
dbPlay停止上下拉刷新
stopFresh()
var oxePlayer = api.require(‘oxePlayer’); oxePlayer.stopFresh();```
可用性
Android,ios系统
可提供的1.1.1
hongbaoAction
控制红包
hongbaoAction({action:0}) //0 开始红包进度条 1停止 2显示 3隐藏
var oxePlayer = api.require(‘oxePlayer’); oxePlayer.hongbaoAction({action:0});```
可用性
Android,ios系统
可提供的1.1.1
sendLiveGift
发送礼物
var param = {
name:'oxPlayer',//用户名
avatar:'',//用户头像
giftId:'G01',//礼物id
giftName:'鲜花',//礼物名称
giftImg:'widget://gift/yipitiezhi001.png',//礼物小图标
giftSvga:'widget://svga/001.svga',//礼物svga动画 同时支持gif
giftValue:10,//礼物价值
num:10//数量
};
var oxePlayer = api.require('oxePlayer');
oxePlayer.sendLiveGift(param );
可用性
Android,ios系统
可提供的1.1.1
sendLiveMessage
发送滚动消息
var param = {
type:3,//1 系统消息 2 自己的消息 3 其他人消息
uid:'',
userName:'潮汕小丸子',
userMsg:'示例内容11112222222222222f',
icon:'widget://image/icon_message.png',
textColor:'#FFFFFF'
};
var oxePlayer = api.require('oxePlayer');
oxePlayer.sendLiveMessage(param );
可用性
Android,ios系统
可提供的1.1.1
sendLiveMembers
更新成员列表
var param =[ {
uid: '9',
avatar: 'http://qiniu2.svideo.suxiangw.com/images/qiniu___6b9beb72204bf8b4b55cfdc9131658c0?imageView2/1/w/100/h/100/format/jpg',
name: '潮汕小丸子'
}];
var oxePlayer = api.require('oxePlayer');
oxePlayer.sendLiveMembers(param );
可用性
Android,ios系统
可提供的1.1.1
sendLiveDanmaku
发送弹窗
可用性
Android,ios系统
可提供的1.1.1
setHBProgress
设置红包进度 code ==16 返回小视频播放进度 可调用此方法
var param = {progress:20};
var oxePlayer = api.require('oxePlayer');
Android,ios系统
可提供的1.1.1