ios+html+音频播放器代码,iOS一个音频播放器的简单实现

最新推荐文章于 2022-07-11 15:24:47 发布

canbeing

最新推荐文章于 2022-07-11 15:24:47 发布

阅读量243

点赞数

文章标签： ios+html+音频播放器代码

这篇文章只介绍音频播放器播放本地音频的简单实现播放器用的是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,再次加载到这个队列当中，才能够实现再次播放。这个也是挺蛋疼的。