![]() |
帮助列表 |
API接口
1、mps支持https
a.直播
b.点播

注:
https://cdn.aodianyun.com/mps_s/v1/lssplayer.js
https://cdn.aodianyun.com/mps_s/v1/hlsplayer.js
这个两个js已经不维护了,建议修改成:
https://cdn.aodianyun.com/mps/v1/lssplayer.js
https://cdn.aodianyun.com/mps/v1/hlsplayer.js
2、弹幕发送接口
接口一: 不推荐使用
objectPlayer.sendbarrage(word, font, color, speed,typeface);
word 弹幕文字 例如:"欢迎使用弹幕"
font 文字字体大小 例如:10
color pc端文字字体颜色 例如:"0xffffff";移动端文字字体颜色 例如:"#ffffff"
speed 文字移动速度 例如:10
typeface 文字字体 例如:"微软雅黑"
接口二: 推荐使用
objectPlayer.sendbarrage2(word, font, color, pcspeed, mobilespeed,typeface,heightper,top);
word 弹幕文字 例如:"欢迎使用弹幕"
font 文字字体大小 例如:10
color pc端文字字体颜色 例如:"0xffffff";移动端文字字体颜色 例如:"#ffffff"
pcspeed pc端文字移动速度 例如:10(推荐值) ,10 20 30 40... 代表弹幕一定时间内移动的像素,值越大速度越快
mobilespeed 移动端文字移动速度 例如:10(推荐值),10 20 30 40... 代表1s 2s 3s 4s... 指弹幕第一个文字开始出现到消失的时间
typeface 文字字体 例如:"微软雅黑"
heightper: 弹幕显示在屏幕的区域,弹幕显示的高度=容器高度×heightper,值范围是0到1(仅限于h5)
top:弹幕显示区域相对弹幕容器顶部的定位,类型是number(仅限于h5)
3、清空弹幕接口
objectPlayer.removelement();//移动端使用 移除屏幕上文字
开关按钮需自己做,可放在任意位置
4、播放器加载完成调用
var objectPlayer=new mpsPlayer({
container:'MPSplayer',//播放器容器ID,必要参数
uin: '3069',//用户ID
appId: 'fB3mmB31H6HPySyy',//播放实例ID
hlsUrl: '',//控制台开通的APP hls地址
rtmpUrl: '',//控制台开通的APP rtmp地址
width: '1280',//播放器宽度,可用数字、百分比等
height: '720',//播放器高度,可用数字、百分比等
autostart: true,//是否自动播放,默认为false
isShowControlDiv: true,//是否显示控制栏,参数为true|false (参数仅移动端有效)
isclickplay: false,//是否单击播放,默认为false
isfullscreen: true,//是否双击全屏,默认为true
onReady:function(){// alert("完成!");
/* rtmpUrl与hlsUrl同时存在时播放器优先加载rtmp*/
/* 以下为MPS支持的事件 */
/* objectPlayer.startPlay();//播放 */
/* objectPlayer.pausePlay();//暂停 */
/* objectPlayer.stopPlay();//停止 hls不支持*/
/* objectPlayer.closeConnect();//断开连接 */
/* objectPlayer.setMute(true);//静音或恢复音量,参数为true|false */
/* objectPlayer.setVolume(volume);//设置音量,参数为0-100数字 */
/* objectPlayer.setFullScreenMode(1);//设置全屏模式,1代表按比例撑满至全屏,2代表铺满全屏,3代表视频原始大小,默认值为1。手机不支持 */
},//播放器加载完成
mobilefullscreen: false//移动端是否全屏,默认为false
coverImg:'', string 播放器封面图图片地址
enablehtml5: true,//是否优先使用H5播放器,默认为false
isloadcount: 1//网络波动卡顿loading图标显示(默认1s后)
})5、切换流接口(调用时objectPlayer 不能为空)
objectPlayer.changePlayer(url,autostart);//pc、移动端都可以使用,需要在视频播放过程中调用,若播放rtmp/hls,只能切换rtmp/hls流 autostart //boolean true自动播放,false不自动播放,会出现中间暂停按钮,默认true
6、使用系统默认video
isdefaultfull:true,
7、rtmp播放不接收音频和视频接口(仅播放时生效)
objectPlayer.recviceAudio(false);// false:不接收音频数据 true:接受音频数据 objectPlayer.recviceVideo(false);// false:不接收视频数据 true:接受视频数据
8、播放与暂停回调参数(flash不支持)
pauseCallback:function()
{
},
playCallback:function()
{ },9、
objectPlayer.currenttime() // 获取当前时间点(播放器初始化完成之后即可调用)
objectPlayer.totalfiletime() // 获取总时间
获取总时间示例:
onReady:function(){
setTimeout(function(){
var time = objectPlayer.totalfiletime()
},0);
},10、跳转播放的接口
objectPlayer.setcurrentTime(time,bool);
// 参数 time int 范围 视屏总时长范围内 bool boolean 是否在播放开始时使用(true播放有效,false播放无效)
记忆播放示例:
h5 var setCurIndex = 0;
playCallback:function(){
if(setCurIndex==0){
setCurIndex++;
objectPlayer.setcurrentTime(time,bool);
}
}
flash onReady:function(){
objectPlayer.setcurrentTime(setCur,true);}11、设置点播播放开始之前的 时长(移动端,播放过程中设置无效)
objectPlayer.setDurationUi({dur:dur,isDrag:isDrag,callback:function(err){}})参数 json
{
dur:dur,// int time 单位s
isDrag:isDrag,//Boolean 滚动条是否可拖动 true 可以拖动 false 不可拖动
callback:function(err){
if(err.code!=100){
alert(err.msg)
}
}// 回调函数 err json err.code==100设置成功 非100 失败
}12、倍速播放
isHideStep:bool,// boolean 默认true 隐藏 倍速播放 seekStep:int, //int 默认15 设置左右箭头 快进的步长 单位s
设置播放速率的接口
objectPlayer.playBakRate(rate,callback) // rate int 播放速度 0.5-2 callback 错误回调函数 返回值字符串
快捷键设置播放倍速
useKeybord:bool,// boolean 默认false true启用Ctrl+Arrow 的控制播放倍速的速率, rateStep:int,// int 默认 0.5 设置Ctrl+Arrow的播放速率步长
13、 隐藏移动端的系统时间
isHideSystemTime:false, //boolean 是否隐藏移动端 系统时间 默认false
14、IE使用h5播放
ieUseH5:false,//boolean ie下是否使用H5(支持win10下ie(ie11)和edge) 默认false
15、安卓移动端全屏 选择是横屏还是竖屏(不针对新版x5)
orientation: 'portraint' // string landscape 横屏(默认) portraint 竖屏
16、移动端微信qq使用新版x5(已废弃)
useNewH5: true, // boolean 默认 false 移动端微信qq使用新版x5 VideoFit: "contain" // string 默认 contain 视频填充形式(H5有效) "contain">保持宽高比(有黑边) "fill">拉伸完全填充 "cover">保持宽高比完全填充(被裁减) "none">保持原尺寸 "scale-down">取最小尺寸
17、设置全屏模式(flash)
stretching: '1',//设置全屏模式,1代表按比例撑满至全屏,2代表铺满全屏,3代表视频原始大小,默认值为1。hls初始设置不支持,手机端不支持
18、移动端开启竖屏模式
verticalScreen:true,// 移动端开启竖屏模式 Boolean ,true 开启 ,false 关闭 ,默认false VideoFit: "contain",// string 默认 contain 视频填充形式(H5有效) "contain">保持宽高比(有黑边) "fill">拉伸完全填充 "cover">保持宽高比完全填充(被裁减) "none">保持原尺寸 "scale-down">取最小尺寸 PS:"cover" 与 "fill" 都可以去掉黑边,两种方式任选一种,建议选择"cover"方式便捷 竖屏直播宽高比例选择16:9,默认适配成"contain" 模式
说明:竖屏模式不支持弹幕发送接口
19、mps注册监听事件的函数
objectPlayer.addPlayerCallback('事件名称',function(){ })a、可以注册的事件 :
(1)点播结束消息监听:Play.Stop
objectPlayer.addPlayerCallback('Play.Stop',function(){
console.log("Play.Stop");
});
点播播放结束(h5使用):Play.StopobjectPlayer.addPlayerCallback('Play.Stop',function(fn)
{ fn(
{type:endType,endImg:endImg}
); },2000);// fn回调函数参数json格式
{
type:1,//int 默认最后一帧 1封面图 2 自定义图片地址 3 循环播放
endImg:''//string 自定义图片地址 type==2有效
}(2)进入全屏时,消息回调:enterFullScreen
退出全屏时,消息回调:exitFullScreen
objectPlayer.addPlayerCallback('enterFullScreen',function(){//全屏时触发
//console.log("enterFullScreen");
});
objectPlayer.addPlayerCallback('exitFullScreen',function(){// 退出全屏时触发
//console.log("exitFullScreen");
});(3)滚动条拖动事件:dragEvent
objectPlayer.addPlayerCallback('dragEvent',function(t){});返回值 t 时间,单位s
b、示例:
var objectPlayer=new mpsPlayer({
container:'MPSplayer',//播放器容器ID,必要参数
uin: '3069',//用户ID
appId: 'fB3mmB31H6HPySyy',//播放实例ID
hlsUrl: '',//控制台开通的APP hls地址
rtmpUrl: '',//控制台开通的APP rtmp地址
width: '1280',//播放器宽度,可用数字、百分比等
height: '720',//播放器高度,可用数字、百分比等
autostart: true,//是否自动播放,默认为false
isShowControlDiv:true,//是否显示控制栏,true 显示,false 隐藏,默认true
isclickplay: false,//是否单击播放,默认为false
isfullscreen: true,//是否双击全屏,默认为true
onReady:function(){ //点播结束之后回调
setTimeout(function(){
objectPlayer.addPlayerCallback('Play.Stop',function(){
console.log("Play.Stop");
});
},2000);
},//播放器加载完成
mobilefullscreen: false//移动端是否全屏,默认为false
});注:objectPlayer 不为空的情况下任意调用
20、flv视频流是否有音频说明
FlvHasAudio: true,//boolean true flv流有音频 false flv流没有音频 默认true FlvHasVideo: true,//boolean true flv流有视频 false flv流没有视频 默认true
21、分辨率支持(适用于点播)
adaptiveList:[{"adIndex": "720", "url": "http://3151.long-vod.cdn.aodianyun.com/u/31513/mp4/1280x720/720-2ecc05628038bd60c5e1cce4301d4079.mp4" }]//adIndex表示分辨率数 url切换地址 分辨率adIndex 2160 :超清4k 1080 :蓝光 720 :超清 720P 480:高清 360:省流