iOS

iOS一个音频播放器的简单实现

2018-11-28  本文已影响9人  无敌大闸蟹

这篇文章只介绍音频播放器播放本地音频的简单实现 播放器用的是AVPlayer 最常见的播放器

首先 实现一个VoiceManager的单例 其中一个属性为AVPlayer *player

@interface TYVoiceManager : NSObject

+ (instancetype)sharedInstance;

@property (nonatomic, strong) AVPlayer *player;

@end

这里如果不用单例 直接

AVPlayer *player = [AVPlayer  new];

的话 你就会发现你退出页面之后再进去就会有两个播放器在播放
而我们正常的操作应该是app有且只有一个播放器正在播放 只不过播放的url不同

在需要播放的地方

  //我这里是本地url  网络的需要替换url
    NSURL *url = [NSURL fileURLWithPath:self.path];
    AVPlayerItem *playerItem = [AVPlayerItem playerItemWithURL:url];
    [TYVoiceManager sharedInstance].player = [AVPlayer playerWithPlayerItem:playerItem];
    [[TYVoiceManager sharedInstance].player play];

就可以播放了


进度条: 这里采用UISlider 播放器需要slider跟随时间动 也可以拖动slider来滑到某一个时刻开始播放
所以
第一步:我们先实现 slider跟随时间动
我们可以通过

    CMTime time1 = [TYVoiceManager sharedInstance].player.currentItem.duration;
    Float64 seconds = CMTimeGetSeconds(time1);

拿到总的播放时间

通过

    CMTime time = [TYVoiceManager sharedInstance].player.currentTime;
    NSTimeInterval currentTimeSec = time.value / time.timescale;

拿到当前的播放时间

player的addPeriodicTimeObserverForInterval:CMTimeMake方法是监听播放进度 然后更新slider的value就可以实现播放时slider跟随播放时间滑动

    WeakSelf(weakSelf);
    [[TYVoiceManager sharedInstance].player addPeriodicTimeObserverForInterval:CMTimeMake(1.0, 1.0) queue:dispatch_get_main_queue() usingBlock:^(CMTime time) {
        if (!weakSelf.playBtn.selected && !weakSelf.isDrop) {
            NSInteger currentTime = [weakSelf reloadTimeL];
            [weakSelf.slider setValue:(float)currentTime/(float)weakSelf.totalSec animated:YES];
            if (weakSelf.slider.value >= 1) {
                //这里是播放完毕的时刻
                [weakSelf play];
            }
        }
    }];

然后第二个:拖动slider到某一时刻开始播放
由于我们上面监听了播放进度 我们拖动的过程中如果拖住不松手的话 上面的监听也是会触发的 就会出现slider抖动的情况 所以我们需要在开始滑动到结束滑动这一段时间内 不去更新slider的进度 我这里做法是用一个Bool值记录

//滑块是否在滑动
@property (nonatomic, assign) BOOL isDrop;

给slider加上三个UIControlEvent事件

- (UISlider *)slider
{
    if (!_slider) {
        _slider = [[UISlider alloc] init];
        [_slider setThumbImage:[UIImage imageNamed:@"one.png"] forState:UIControlStateNormal];
        [_slider addTarget:self action:@selector(sliderSliderValueChange:) forControlEvents:UIControlEventValueChanged];
        [_slider addTarget:self action:@selector(sliderSliderTouchDown:) forControlEvents:UIControlEventTouchDown];
        [_slider addTarget:self action:@selector(sliderSliderTouchUpInside:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:_slider];
    }
    return _slider;
}

关于UIControlEvent的各个事件触发情况可以自己戳进去看看

开始按下时 isDrop置为YES 松开置为NO 所以我上面的addPeriodicTimeObserverForInterval:CMTimeMake方法里判断了isDrop的值去刷新slider的值
松手时通过seekToTime:方法从某一个时刻开始播放

- (void)sliderSliderTouchDown:(UISlider *)slider
{
    self.isDrop = YES;
}

- (void)sliderSliderTouchUpInside:(UISlider *)slider
{
    self.isDrop = NO;
    [[TYVoiceManager sharedInstance].player seekToTime:CMTimeMake((int)self.totalSec * slider.value, 1)];
}

- (void)sliderSliderValueChange:(UISlider *)slider
{
  //这里是滑动过程中更新你页面上的时间显示 
    NSInteger currentTime = self.totalSec * slider.value;
    NSInteger currentMin = currentTime / 60;
    NSInteger currentSec = currentTime % 60;
    NSInteger totalMin = self.totalSec / 60;
    NSInteger totalSec = self.totalSec % 60;
    self.timeL.text = [NSString stringWithFormat:@"%.2ld:%.2ld / %.2ld:%.2ld",(long)currentMin,(long)currentSec,(long)totalMin,(long)totalSec];
}

这样就可以实现拖动slider到某一时刻开始播放

再然后加个播放按钮什么的 加点播放暂停的方法就可以了

- (UIButton *)playBtn
{
    if (!_playBtn) {
        _playBtn = [[UIButton alloc] init];
        [_playBtn setImage:[UIImage imageNamed:@"pause_button.png"] forState:UIControlStateNormal];
        [_playBtn setImage:[UIImage imageNamed:@"play_button.png"] forState:UIControlStateSelected];
        [_playBtn addTarget:self action:@selector(playBtnClick:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:_playBtn];
    }
    return _playBtn;
}

- (void)playBtnClick:(UIButton *)btn
{
    btn.selected = !btn.selected;
    if (btn.selected) {
       [[TYVoiceManager sharedInstance].player pause];
    }else{
        [[TYVoiceManager sharedInstance].player play];
    }
}


延伸一点
这里是播放单个文件 如果需要实现上一曲下一曲之类的多曲播放功能 要么直接替换一个AVPlayerItem 要么用AVQueuePlayer 它是AVPlayer的一个子类,他可以实现多首歌曲播放,所以我们直接使用它了

  NSMutableArray *items = [NSMutableArray array];

  NSArray *urls = @[MUSIC_URL1,MUSIC_URL2,MUSIC_URL3,MUSIC_URL4,MUSIC_URL5];

  for (NSString *url in urls) {

      AVPlayerItem *item = [[AVPlayerItem alloc] initWithURL:[NSURL URLWithString:url]];

      [items addObject:item];

  }

  //初始化AVQueuePlayer

  [TYVoiceManager sharedInstance].player = [AVQueuePlayer queuePlayerWithItems: items];

  //测试播放

  if(player.status == AVPlayerStatusReadyToPlay){

      [[TYVoiceManager sharedInstance].player play];

  }

就这样,简单实现了多首歌曲的播放,但是我们还需要实现循环播放,这个就相对麻烦一点了。
要实现循环播放,我们就需要知道AVQueuePlayer的播放机制,对于AVQueuePlayer播放,是有一个队列,每次播放完成一首歌曲过后,这首歌曲就会从队列中删除,即这个item会从队列中删除,并且如果我们想直接再将这个item再次加入队列,是不能够加入的,我们必须要在new 一个item,再次加载到这个队列当中,才能够实现再次播放。这个也是挺蛋疼的。

上一篇下一篇

猜你喜欢

热点阅读