帮助列表 |
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.Stop
objectPlayer.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:省流