2023年7月11日发(作者：)

阿⾥云播放器Aliplayer-WEB⾛坑中最近在做直播，⽤得阿⾥的地址推流，然后PC 端播放器的接⼝⽂档写的，反正我是看不懂， 各种猜测，各种实验，⽅便⼩⽩们研究脱坑

我先写我的代码 然后加备注截⾄ 6.4⽇我这边写了 快捷键 【 空格暂停播放，快进/快退 ⾳量⼤⼩】 截图【事件⾃⼰写】 【还不知道直播能不能截图，因为直播⽤的是falsh播放器暂时没发现能截图的操作，有⼤佬会的欢迎指点】⾃定义倍数 【⾃⼰设置把】阿⾥的 播放器接⼝ ⽂档都是需要 var player=new Aliplayer({}）； //创建播放器之后⽤的，⾥⾯所有的操作都是 这样官⽅简介官⽅接⼝说明官⽅简单⽣成播放器这是必须引⼊的 var playbackurl = 播放地址

var playvideosnum = 0; $('[data-role="play-0"]').addClass("active"); var player = new Aliplayer({ id: "J_prismPlayer", autoplay: true,//是否⾃动播放 playsinline:true,//H5是否内置播放 useH5Prism:true,//强制H5播放器 isLive:false,//是不是直播 preload:true,//播放器⾃动加载 snapshot:true,//falsh启⽤截图 width:"100%", height:"100%", controlBarVisibility:"always",//控制⾯板的实现 ‘click’ 点击出现、‘hover’ 浮动出现、‘always’ ⼀直在

source:ify(playbackurl), //这⾥ 记住⼀定是JSON字符串类型 播放地址 如果有好⼏种格式 {'LD':556464,'HD':4564} 只有标准格式才能切换清晰度

extraInfo:{ //定制型接⼝参数 crossOrigin:"anonymous" }, skinLayout:[ //按钮UI 给⼀部分 其余⾃⼰试 {"name":"controlBar","align":"blabs","x":0,"y":0,"children":[{"name":"progress","align":"blabs","x":0,"y":44}, {"name":"playButton","align":"tl","x":15,"y":12},//播放 {"name":"volume","align":"tr","x":10,"y":10},//声⾳ {"name":"fullScreenButton","align":"tr","x":10,"y":10}, {"name":"timeDisplay","align":"tl","x":10,"y":7}, {"name":"snapshot","align":"tr","x":10,"y":10},//截图 {"name":"speedButton","align":"tr","x":10,"y":10},//倍数 {这个可以⾃定义 但是怎么调我⼀直搞不懂 会的可以帮我补充⼀下} {"name":"streamButton","align":"tr",'x':0,'y':10},//截图 ]}, {"name":"fullControlBar","align":"tlabs","x":0,"y":0,"children":[{"name":"fullTitle","align":"tl","x":25,"y":6}, {"name":"fullNormalScreenButton","align":"tr","x":24,"y":13}, {"name":"fullTimeDisplay","align":"tr","x":10,"y":12}, {"name":"fullZoom","align":"cc"}, ]}, {"name":"errorDisplay","align":"tlabs","x":0,"y":0}, {"name":"H5Loading","align":"cc"}, {"name":"infoDisplay","align":"cc"},//显⽰信息 ]},function(player){ ("播放器创建了。"); } );然后我在这⾥写点播放事件 function getkeyval(){ //绑定按钮事件 document.οnkeydοwn=function(e){ var keyNum= ? e :; return keyNum; }; } ("ended", endedHandle()); //播放器快捷键 document.οnkeydοwn=function(e){ var keyNum= ? e :; //空格暂停播放 if(keyNum=='32'){ var videoplay = $('input[name="videoplay"]').val();//定义⼀个隐藏域 来区分播放状态 if(videoplay==0){ (); $('input[name="videoplay"]').val(1); }else{ (); $('input[name="videoplay"]').val(0); } }else if(keyNum=='37'){//快进 var videotimes = ation(); var playnum = rentTime(); playnum =parseInt(playnum-10); if(playnum<=(videotimes-30)){ (playnum); } }else if(keyNum=='39'){//快进/快退/声⾳⼤⼩调节 我是⽤⽅向键来操作的var videotimes = ation(); var playnum = rentTime(); playnum =parseInt(playnum +10); if(playnum>15){ (playnum); }e// 截图 ("snapshoted", function(data) { (); (64); (); });//这⾥是 ⾃定义倍数的 先创建播放器后才会⽣效p(倍数数值)