【aliplayer】阿里播放器的使用

7 篇文章 0 订阅

【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,//先前拿到的vid
      playauth: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】中步骤初始化

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值