【aliplayer】阿里播放器的使用

【1】设置播放器上次播放进度，player里面要用同步，所以不能使用axios进行数据交互

  var getuid = this.$store.state.uid;var getcid = this.$store.state.cid;player = new Aliplayer({id: 'player-con',width: '100%',autoplay: true,height:'370px',vid:this.video_id,//先前拿到的vidplayauth:this.playauth,//vid拿到以后 后台给的播放凭证controlBarVisibility: 'always',cover:this.cover,},function(player){console.log('播放器创建好了。')//  将视频的进度存在locatStorage中，若有则直接设置进度条在哪里var memory_time = localStorage.getItem('memory_time:'+getcid);console.log("memory_time==" ,memory_time)if (memory_time){console.log("设置播放进度条")player.seek(memory_time);}else{//过没有，则进行数据库查询var tmp = Date.parse( new Date() ).toString();tmp = tmp.substr(0,10);$.ajax({url:url,type:'post',async:false,data:{method:'getPlaying',code:tmp,content:{u_id:getuid,v_id:getcid}},success:function(result){console.log('进行了存储操作啊啊啊啊',result)result = JSON.parse(result)memory_time = result.data.playing;player.seek(memory_time);}})}});player.on('timeupdate',handleReady);function handleReady(){console.log("this.c_id==",getcid)localStorage.setItem('memory_time:'+getcid,player.getCurrentTime());}

【2】要是要切换视频，建议销毁后重新创建player

player.dispose();

再对播放器进行【1】中步骤初始化

【aliplayer】阿里播放器的使用相关推荐

阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现(三)
阿里云播放器SDK(ApsaraVideo for Player SDK)是阿里视频云端到云到端服务的重要一环,除了支持点播和直播的基础播放功能外,还深度融合视频云业务,支持视频的加密播放.安全下载. ...
react项目中使用阿里播放器播放视频，包括切换视频，播放定时跳转（兼容ios和andro），播放完成
react项目中使用阿里播放器播放视频,包括切换视频,播放定时跳转(兼容ios和andro),播放完成 1.index.html引入阿里播放器的cdn <link rel="style ...
uniapp使用阿里播放器
阿里播放器需要引入js和css所以用了下面的方法,创建script,然后引入连接. 刚开始我是在页面的created中写的,但是会出现第一次的时候aliplayer没有创建成功,undefined,如 ...
阿里播放器踩坑记录进度条重构 video loadByUrl失效解决方案
如果本文对你有用,请爱心点个赞,提高排名,帮助更多的人.谢谢大家!❤ 如果解决不了,可以在文末进群交流. 文档地址:https://player.alicdn.com/aliplayer/index. ...
uniapp h5直播拉流的几种方法 flv.js， video.js，阿里播放器sdk，video标签
uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签前言首先引入资源文件需要创建index.html 模板文件 flv.js video.j ...
Android开发阿里播放器
最近在接阿里播放器,记录下:后面不断更新一.播放本地视频和网络视频: 本地视频:url = Environment.getExternalStorageDirectory().getPath()+& ...
直播流播放，视频监控/直播监控。使用火山引擎VePlayer播放50+直播流保证流程运行。思路理解后类比腾讯TRTC和阿里播放器
大家感觉有用的话,麻烦点赞收藏一下.也是踩坑踩出来的. 目标:50个直播流同时渲染,保证视频流播放正常. 代码在最后面,重点是 1. 视频流为 m3u8格式.(如果服务端传递回flv地址,大家自己re ...
苹果CMSV10整合aliplayer播放器/带记忆播放
aliplayer 阿里播放器的记忆功能很给力,这篇整合教程加了阿里播放器的记忆功能,去除了弹幕,资源预加载等功能. 使用方法: 1.进入[后台],点击顶部到导航[视频],选择左边导航中的[播放器], ...
苹果CMS V10 整合阿里云播放器-带记忆播放
这篇整合教程加了阿里播放器的记忆功能,去除了弹幕,资源预加载等功能. 有人会说,我用ck .dp不好吗?为啥要用aliplayer,阿里播放器的记忆功能很给力,比如手机播放页面在后台放了很久,隔了几天 ...
阿里云SDK播放器集成
android阿里云基础视频播放器记录: 1.阿里云视频播放器sdk地址:https://help.aliyun.com/document_detail/61910.html?spm=a2c4g.11 ...

【aliplayer】阿里播放器的使用

【aliplayer】阿里播放器的使用相关推荐

最新文章

热门文章