前言
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供開(kāi)封網(wǎng)站建設(shè)、開(kāi)封做網(wǎng)站、開(kāi)封網(wǎng)站設(shè)計(jì)、開(kāi)封網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、開(kāi)封企業(yè)網(wǎng)站模板建站服務(wù),10多年開(kāi)封做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
假如你現(xiàn)在打算做一個(gè)類似百度音樂(lè)、豆瓣電臺(tái)的在線音樂(lè)類APP,你會(huì)怎樣做?
首先了解一下音頻播放的實(shí)現(xiàn)級(jí)別:
(1) 離線播放:這里并不是指應(yīng)用不聯(lián)網(wǎng),而是指播放本地音頻文件,包括先下完完成音頻文件再進(jìn)行播放的情況,這種使用AVFoundation里的AVAudioPlayer可以滿足
(2) 在線播放:使用AVFoundation的AVPlayer可以滿足
(3) 在線播放同時(shí)存儲(chǔ)文件:使用AudioFileStreamer + AudioQueue 可以滿足
(4) 在線播放且?guī)в幸粜幚恚菏褂肁udioFileStreamer + AudioQueue + 音效模塊(系統(tǒng)自帶或者自行開(kāi)發(fā))來(lái)滿足
本文主要針對(duì)第二種級(jí)別,介紹如何使用AVPlayer實(shí)現(xiàn)網(wǎng)絡(luò)音樂(lè)的播放。
什么是AVPlayer
AVPlayer存在于AVFoundation中,其實(shí)它是一個(gè)視頻播放器,但是用它來(lái)播放音樂(lè)是沒(méi)問(wèn)題的,當(dāng)然播放音樂(lè)不需要呈現(xiàn)界面,因此我們不需要實(shí)現(xiàn)它的界面。
跟AVPlayer聯(lián)系密切的名詞:
Asset:AVAsset是抽象類,不能直接使用,其子類AVURLAsset可以根據(jù)URL生成包含媒體信息的Asset對(duì)象。
AVPlayerItem:和媒體資源存在對(duì)應(yīng)關(guān)系,管理媒體資源的信息和狀態(tài)。
功能需求
通常音樂(lè)播放并展示到界面上需要我們實(shí)現(xiàn)的功能如下:
1、(核心)播放器通過(guò)一個(gè)網(wǎng)絡(luò)鏈接播放音樂(lè)
2、(基本)播放器的常用操作:暫停、播放、上一首、下一首等等
3、(基本)監(jiān)聽(tīng)該音樂(lè)的播放進(jìn)度、獲取音樂(lè)的總時(shí)間、當(dāng)前播放時(shí)間
4、(基本)監(jiān)聽(tīng)改播放器狀態(tài):
(1)媒體加載狀態(tài)
(2)數(shù)據(jù)緩沖狀態(tài)
(3)播放完畢狀態(tài)
5、(可選)Remote Control控制音樂(lè)的播放
6、(可選)Now Playing Center展示正在播放的音樂(lè)
功能實(shí)現(xiàn)
1、通過(guò)一個(gè)網(wǎng)絡(luò)鏈接播放音樂(lè)
NSURL * url = [NSURL URLWithString:self.currentSong.url]; AVPlayerItem * songItem = [[AVPlayerItem alloc]initWithURL:url]; AVPlayer * player = [[AVPlayer alloc]initWithPlayerItem:songItem];
這里是用一個(gè)asset來(lái)初始化player,當(dāng)然你也可以直接用URL初始化:
AVPlayer * player = [[AVPlayer alloc] initWithURL:url];
需要獲取當(dāng)前播放的item可以這樣獲取:
AVPlayerItem * songItem = player.currentItem;
2、播放器的常用操作
播放:
[player play];
需要注意的是初始化完player之后不一定會(huì)馬上開(kāi)始播放,需要等待player的狀態(tài)變?yōu)镽eadyToPlay才會(huì)進(jìn)行播放。
暫停:
[player pause];
上一首、下一首:
這里我們有兩種方式可以實(shí)現(xiàn),一種是由你自行控制下一首歌曲的item,將其替換到當(dāng)前播放的item
[player replaceCurrentItemWithPlayerItem:songItem];
另一種是使用AVPlayer的子類AVQueuePlayer來(lái)播放多個(gè)item,調(diào)用advanceToNextItem來(lái)播放下一首音樂(lè)
NSArray * items = @[item1, item2, item3 ....]; AVQueuePlayer * queuePlayer = [[AVQueuePlayer alloc]initWithItems:items];
3、監(jiān)聽(tīng)播放進(jìn)度
使用addPeriodicTimeObserverForInterval:queue:usingBlock:
來(lái)監(jiān)聽(tīng)播放器的進(jìn)度
(1)方法傳入一個(gè)CMTime結(jié)構(gòu)體,每到一定時(shí)間都會(huì)回調(diào)一次,包括開(kāi)始和結(jié)束播放
(2)如果block里面的操作耗時(shí)太長(zhǎng),下次不一定會(huì)收到回調(diào),所以盡量減少block的操作耗時(shí)
(3)方法會(huì)返回一個(gè)觀察者對(duì)象,當(dāng)播放完畢時(shí)需要移除這個(gè)觀察者
添加觀察者:
id timeObserve = [self.player addPeriodicTimeObserverForInterval:CMTimeMake(1.0, 1.0) queue:dispatch_get_main_queue() usingBlock:^(CMTime time) { float current = CMTimeGetSeconds(time); float total = CMTimeGetSeconds(songItem.duration); if (current) { weakSelf.progress = current / total; weakSelf.playTime = [NSString stringWithFormat:@"%.f",current]; weakSelf.playDuration = [NSString stringWithFormat:@"%.2f",total]; } }];
移除觀察者:
if (timeObserve) { [player removeTimeObserver:_timeObserve]; timeObserve = nil; }
4、監(jiān)聽(tīng)改播放器狀態(tài)
(1) 媒體加載狀態(tài)
[songItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil];
然后可以在KVO方法中獲取其status的改變
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary*)change context:(void *)context { if ([keyPath isEqualToString:@"status"]) { switch (self.player.status) { case AVPlayerStatusUnknown: BASE_INFO_FUN(@"KVO:未知狀態(tài),此時(shí)不能播放"); break; case AVPlayerStatusReadyToPlay: self.status = SUPlayStatusReadyToPlay; BASE_INFO_FUN(@"KVO:準(zhǔn)備完畢,可以播放"); break; case AVPlayerStatusFailed: BASE_INFO_FUN(@"KVO:加載失敗,網(wǎng)絡(luò)或者
一般初始化player到播放都會(huì)經(jīng)歷Unknown到ReadyToPlay這個(gè)過(guò)程,網(wǎng)絡(luò)情況良好時(shí)可能不會(huì)出現(xiàn)Unknown狀態(tài)的提示,網(wǎng)絡(luò)情況差的時(shí)候Unknown的狀態(tài)可能會(huì)持續(xù)比較久甚至可能不進(jìn)入ReadyToPlay狀態(tài),針對(duì)這種情況我們要做特殊的處理。
播放完成之后需要移除觀察者:
[songItem removeObserver:self forKeyPath:@"status"];
(2) 數(shù)據(jù)緩沖狀態(tài)
[songItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil];
然后可以在KVO方法中獲取其status的改變
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary*)change context:(void *)context { AVPlayerItem * songItem = object; if ([keyPath isEqualToString:@"loadedTimeRanges"]) { NSArray * array = songItem.loadedTimeRanges; CMTimeRange timeRange = [array.firstObject CMTimeRangeValue]; //本次緩沖的時(shí)間范圍 NSTimeInterval totalBuffer = CMTimeGetSeconds(timeRange.start) + CMTimeGetSeconds(timeRange.duration); //緩沖總長(zhǎng)度 SuLog(@"共緩沖%.2f",totalBuffer); } }
如果你需要在進(jìn)度條展示緩沖的進(jìn)度,可以增加這個(gè)觀察者。
播放完成之后需要移除觀察者:
[songItem removeObserver:self forKeyPath:@" loadedTimeRanges"];
(3) 播放完畢狀態(tài)
監(jiān)聽(tīng)AVPlayer播放完成通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(playbackFinished:) name:AVPlayerItemDidPlayToEndTimeNotification object:songItem]; - (void)playbackFinished:(NSNotification *)notice { BASE_INFO_FUN(@"播放完成"); [self playNext]; }
播放完畢后,一般都會(huì)進(jìn)行播放下一首的操作。
播放下一首前,別忘了移除這個(gè)item的觀察者:
[[NSNotificationCenter defaultCenter] removeObserver:self];
5、Remote Control控制音樂(lè)的播放
Remote Control可以讓你在不打開(kāi)APP的情況下控制其播放,最常見(jiàn)的出現(xiàn)于鎖屏界面、從屏幕底部上拉和耳機(jī)線控三種,可以達(dá)到增強(qiáng)用戶體驗(yàn)的作用。
我們?cè)贏ppDelegate里去設(shè)置Remote Control:
(1)聲明接收Remote Control事件
[[UIApplication sharedApplication] beginReceivingRemoteControlEvents];
(2)重寫方法,成為第一響應(yīng)者
- (BOOL)canBecomeFirstResponder { return YES; }
(3)對(duì)事件進(jìn)行處理
- (void)remoteControlReceivedWithEvent:(UIEvent *)event { switch (event.subtype) { case UIEventSubtypeRemoteControlPlay: [self.player startPlay]; BASE_INFO_FUN(@“remote_播放"); break; case UIEventSubtypeRemoteControlPause: [self.player pausePlay]; BASE_INFO_FUN(@"remote_暫停"); break; case UIEventSubtypeRemoteControlNextTrack: [self.player playNextSong]; BASE_INFO_FUN(@"remote_下一首"); break; case UIEventSubtypeRemoteControlTogglePlayPause: self.player.isPlaying ? [self.player pausePlay] : [self.player startPlay]; BASE_INFO_FUN(@“remote_耳機(jī)的播放/暫停"); break; default: break; } }
6、Now Playing Center
Now Playing Center可以在鎖屏界面展示音樂(lè)的信息,也達(dá)到增強(qiáng)用戶體驗(yàn)的作用。
- (void)configNowPlayingCenter { BASE_INFO_FUN(@"配置NowPlayingCenter"); NSMutableDictionary * info = [NSMutableDictionary dictionary]; //音樂(lè)的標(biāo)題 [info setObject:_player.currentSong.title forKey:MPMediaItemPropertyTitle]; //音樂(lè)的藝術(shù)家 [info setObject:_player.currentSong.artist forKey:MPMediaItemPropertyArtist]; //音樂(lè)的播放時(shí)間 [info setObject:@(self.player.playTime.intValue) forKey:MPNowPlayingInfoPropertyElapsedPlaybackTime]; //音樂(lè)的播放速度 [info setObject:@(1) forKey:MPNowPlayingInfoPropertyPlaybackRate]; //音樂(lè)的總時(shí)間 [info setObject:@(self.player.playDuration.intValue) forKey:MPMediaItemPropertyPlaybackDuration]; //音樂(lè)的封面 MPMediaItemArtwork * artwork = [[MPMediaItemArtwork alloc] initWithImage:_player.coverImg]; [info setObject:artwork forKey:MPMediaItemPropertyArtwork]; //完成設(shè)置 [[MPNowPlayingInfoCenter defaultCenter]setNowPlayingInfo:info]; }
Now Playing Center并不需要每一秒都去刷新(設(shè)置),它是根據(jù)你設(shè)置的PlaybackRate來(lái)計(jì)算進(jìn)度條展示的進(jìn)度,比如你PlaybackRate傳1,那就是1秒刷新一次進(jìn)度顯示,當(dāng)然暫停播放的時(shí)候它也會(huì)自動(dòng)暫停。
那什么時(shí)候設(shè)置Now Playing Center比較合適呢?對(duì)于播放網(wǎng)絡(luò)音樂(lè)來(lái)說(shuō),需要刷新的有幾個(gè)時(shí)間點(diǎn):當(dāng)前播放的歌曲變化時(shí)(如切換到下一首)、當(dāng)前歌曲信息變化時(shí)(如從Unknown到ReadyToPlay)、當(dāng)前歌曲拖動(dòng)進(jìn)度時(shí)。
如果有讀者是使用百度音樂(lè)聽(tīng)歌的話,會(huì)發(fā)現(xiàn)其帶有鎖屏歌詞,其實(shí)它是采用“將歌詞和封面合成新的圖片設(shè)置為Now Playing Center的封面 + 歌詞躍進(jìn)時(shí)刷新Now Playing Center”來(lái)實(shí)現(xiàn)的,有興趣的筒子可以研究一下。
關(guān)于總體的播放邏輯
總結(jié)一下音樂(lè)播放器的播放邏輯:
(1) 初始化播放界面
(2)從接口獲取播放列表、選擇第一首為當(dāng)前播放歌曲
(3)根據(jù)當(dāng)前歌曲初始化播放器 、同步歌曲信息到播放界面(此時(shí)播放界面應(yīng)展示歌曲信息,但是播放按鈕應(yīng)不可用且有l(wèi)oading之類的提示表示正在加載歌曲)、同步歌曲信息到Now Playing Center
(4)當(dāng)播放器的status變?yōu)镽eadyToPlay時(shí),播放歌曲、同步播放信息到播放界面(播放時(shí)間、總時(shí)間、進(jìn)度條等等)、同步播放信息到Now Playing Center
(5)當(dāng)用戶進(jìn)行暫停操作時(shí),刷新播放界面
(6)當(dāng)用戶進(jìn)行下一首、上一首操作時(shí),或完成某一首歌曲的播放時(shí),將對(duì)應(yīng)的歌曲設(shè)置為當(dāng)前播放歌曲,重復(fù)3-5步驟
(7)由于網(wǎng)絡(luò)情況不好造成播放器自動(dòng)暫停播放時(shí),應(yīng)刷新播放界面
(8)由于網(wǎng)絡(luò)情況不好造成播放器不能進(jìn)入播放狀態(tài)時(shí),應(yīng)有所處理(比如提示耐心等待或者播放本地離線的歌曲)
后記
本文僅以實(shí)現(xiàn)基本功能的角度介紹了AVPlayer來(lái)播放網(wǎng)絡(luò)音樂(lè)的實(shí)現(xiàn),事實(shí)上AVPlayer的功能不僅于此,有興趣的同學(xué)可以深入學(xué)習(xí)AVFoundation。
好了,以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。