美文网首页
iOS音视频自定义进度条带时间跟随

iOS音视频自定义进度条带时间跟随

作者: 人世间1207 | 来源:发表于2019-04-28 17:25 被阅读0次

1.需求概述

根据产品需求需要做进度条上播放时间替换UISlider滑块,因为项目给的工期很短,很多代码能省就省但百度谷歌未果之后决定自己写。完成了如下需求:

2.基本实现思路:

        已知:总播放时间totalT,当前播放时间t

                   视图总宽度totalW

                   播放显示时长视图宽度timeW

        可计算出 :

                   播放时间视图移动总距离:totalW - timeW

                   每个时间单位移动的距离:(totalW - timeW)/totalT  moveW

        正常播放时:

                   传入当前播放时间及总时间:t/60 + t%60 totalT/60 + totalT%60 直接显示即可

                   时间视图位置x值改变:t*moveW

                   播放结束判断为: t = totalT

         移动滑块(显示时间视图):doMoveAction:

                   获取移动距离 : moveW = newCenter.x - recognizer.view.frame.size.width/2;

                   获取移动多少时间:

                           假设:移动距离为10 ,总距离为100,

                                      移动距离占总距离为0.1

                                      总时间为300秒

                           得出移动后的时间:0.1*300 = 30秒

                   传入播放器即可

3.主要功能代码

```

 // Figure out where the user is trying to drag the view.

    CGPointtranslation = [recognizertranslationInView:self];

    CGPointnewCenter =CGPointMake(recognizer.view.center.x+ translation.x,

                                    recognizer.view.center.y+ translation.y);

    //    限制屏幕范围:

    newCenter.y=MAX(recognizer.view.frame.size.height/2, recognizer.view.frame.size.width/2);

    newCenter.y=MIN(self.frame.size.height - recognizer.view.frame.size.height/2, recognizer.view.frame.size.width/2);

    newCenter.x=MAX(recognizer.view.frame.size.width/2, newCenter.x);

    newCenter.x=MIN(self.frame.size.width - recognizer.view.frame.size.width/2,newCenter.x);

    recognizer.view.center= newCenter;

    [recognizersetTranslation:CGPointZeroinView:self];

    CGRectgreenRect =self.backGreenView.frame;

    greenRect.size.width= newCenter.x;

    self.backGreenView.frame= greenRect;

    CGFloattotalW =self.tempFrame.size.width-self.playTimeW;

    CGFloatmoveW = newCenter.x- recognizer.view.frame.size.width/2;

    intmoveX = moveW/totalW*self.totalLength;

    if([self.delegaterespondsToSelector:@selector(changePlayTimeByPublicAudioPlayProgressView:)]) {

        [self.delegate changePlayTimeByPublicAudioPlayProgressView:moveX];

    }

```

PS:历时四个小时完成这个功能。时间比较仓促,希望大神们多多提提意见。写的不好的地方大神们多担待多指教。

此需求Demo下载地址:GitHub下载地址

相关文章

网友评论

      本文标题:iOS音视频自定义进度条带时间跟随

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