美文网首页
播放中断 拖动进度条后才能继续播放

播放中断 拖动进度条后才能继续播放

作者: 下班再说 | 来源:发表于2021-03-11 10:03 被阅读0次

    现象:播放中断  拖动进度条后才能继续播放

    每次获取缓存长度

    判断1:播放长度如果大于缓存长度  就把播放长度赋值给自定义变量  标记停止时间  然后把改变音频播放长度+1并暂停

    判断2:如果自定义变量标记的停止时间不为0  则改变音频播放长度=停止时间的值  再将停止时间=0并播放

    //解决部分手机无法播放完整

                var mediaTime = 0;

                var stopTime = 0;

                audioInterval = setInterval(function () {

                    mediaTime = $player[0].currentTime;

                    var buffered = !!$player[0].buffered.length ? $player[0].buffered.end($player[0].buffered.length-1) : 0;

                    if(mediaTime>10 && mediaTime+1>=buffered && mediaTime+1<$player[0].duration){

                        if(stopTime==0){

                            stopTime = mediaTime;

                        }

                        //console.log('stopped');

                        $player[0].currentTime += 1;

                        $player[0].pause(); //暂停

                    } else if(stopTime>0 && mediaTime<=buffered && mediaTime<=$player[0].duration){

                        $player[0].currentTime = stopTime;

                        stopTime = 0;

                        $player[0].play(); //播放

                    }

                    //console.log(mediaTime,buffered);

                }, 100);

                //解决部分手机无法播放完整

    相关文章

      网友评论

          本文标题:播放中断 拖动进度条后才能继续播放

          本文链接:https://www.haomeiwen.com/subject/xeenqltx.html