多媒體這整個(gè)系列的文章自己也準(zhǔn)備好開(kāi)始整理了，先從視頻音頻最簡(jiǎn)單也是最常用的播放出發(fā)慢慢的往下深究，探索到底層的編碼解碼等等，這篇文章就從視頻的播放這個(gè)最簡(jiǎn)單的說(shuō)起。

iOS的視頻播放方式有幾種？其實(shí)要是只是簡(jiǎn)單的想播放一段視頻并且對(duì)UI沒(méi)什么要求的話的確比較簡(jiǎn)單，很容易搞定，但我相信這種情況除了你的Demo一般是不會(huì)出現(xiàn)的，對(duì)播放UI的定義以及可能有各種不同的需求對(duì)應(yīng)著你是不能隨便寫(xiě)個(gè)播放器就沒(méi)事了的。

最原始的播放

要不是剛接觸iOS開(kāi)發(fā)的同學(xué)應(yīng)該是知道MediaPlayer這個(gè)框架的，要是想簡(jiǎn)單的使用它播放視頻，可能幾行代碼就能搞定了，它里面有一個(gè)MPMoviePlayerViewController，利用起來(lái)簡(jiǎn)單的不要不要的。

不過(guò)遺憾的是自從iOS 9.0開(kāi)始，它是被Apple遺棄了的，9.0之后的項(xiàng)目建議用的我們下面再說(shuō)，你要是有維護(hù)9.0之前的項(xiàng)目，可能它你也有必要了解一下，我們也介紹一個(gè)它的基本的使用，以及它里面的整個(gè)播放的代碼邏輯。

工程師以前寫(xiě)過(guò)一個(gè)三方，KRVideoPlayer 

這個(gè)播放器就是基于MediaPlayer框架寫(xiě)的，里面就兩個(gè)文件，代碼也是相當(dāng)?shù)暮?jiǎn)單，你直接把它源碼下載下來(lái)之后我們當(dāng)一個(gè)了解MediaPlayer的Demo簡(jiǎn)單的說(shuō)一下。下滿是它git上面展示的gif Demo圖片：

你在看看它源碼里面的文件：只有 KRVideoPlayerControlView 和 KRVideoPlayerController 兩個(gè)，簡(jiǎn)單分析它們：

1、KRVideoPlayerControlView 繼承自 UIView

說(shuō)白了這個(gè)文件寫(xiě)的就是播放器的UI，包括一些播放按鈕，進(jìn)度條，以及全屏切換等等

2、KRVideoPlayerController   集成自 MPMoviePlayerController  

繼承之后直接使用MPMoviePlayerController來(lái)播放視頻，是在它初始化的時(shí)候在self.view 上添加 KRVideoPlayerControlView 這個(gè)自定義的UI，你可以看到下面的代碼：

// 初始化KRVideoPlayerController
- (instancetype)initWithFrame:(CGRect)frame
{
 self = [super init];
 if (self) {
 self.view.frame = frame;
 self.view.backgroundColor = [UIColor blackColor];
 self.controlStyle = MPMovieControlStyleNone;
 [self.view addSubview:self.videoControl];
 self.videoControl.frame = self.view.bounds;
 [self configObserver];
 [self configControlAction];
 }
 return self;
}
// 懶加載KRVideoPlayerControlView
- (KRVideoPlayerControlView *)videoControl
{
 if (!_videoControl) {
 _videoControl = [[KRVideoPlayerControlView alloc] init];
 }
 return _videoControl;
}

關(guān)于MediaPlayer還有下面的需要你留意一下：

1、關(guān)于播放或者暫停等的方法都是在MPMediaPlayback協(xié)議里面的

2、MPMoviePlayerController就是遵守了上面說(shuō)的MPMediaPlayback協(xié)議，下面的MPMoviePlayerController源碼:

3、在給MPMoviePlayerController寫(xiě)的類別MPMovieProperties、MPMoviePlayerThumbnailGeneration、MPMoviePlayerTimedMetadataAdditions包含了這個(gè)播放器幾乎所有的功能，淡然這部分的方法代代碼都是在MPMoviePlayerController.h中，有興趣或者需要的可以command進(jìn)去了解。

4、上面介紹的三方提供給大家的不僅僅是一份代碼，希望我們都能理解一個(gè)思路，就是自定義的播放器我們?cè)撛趺慈ダ斫馊?dòng)手做。這點(diǎn)后面我還會(huì)再提。

關(guān)于MediaPlayer的暫時(shí)就提這么多，有問(wèn)題歡迎交流。

該升級(jí)一下了

 嗯，該升級(jí)一下了，說(shuō)到這里就的說(shuō)我們前面說(shuō)到的9.0系統(tǒng)之后的播放器，這說(shuō)這個(gè)之前順便提一個(gè)自己的見(jiàn)解，以前我們開(kāi)發(fā)應(yīng)用的時(shí)候我記得最開(kāi)始適配的最低版本是7.0以上的，到前兩年發(fā)展到8.0以上，按照我自己的理解，在11系統(tǒng)發(fā)布后我們要是做新應(yīng)用或者舊的項(xiàng)目項(xiàng)目維護(hù)的時(shí)候應(yīng)該要慢慢的舍棄7.0以及8.0的了，也就是最低版本按照9.0開(kāi)始，因?yàn)椴还苁?.0還是8.0,用戶所占的比例真的是很小很下了，并且一些新鮮的功能在我們的低版本是不支持的， 維護(hù)的成本也會(huì)慢慢的變得越來(lái)越大，當(dāng)然這些也都不是空穴來(lái)風(fēng)，可以上網(wǎng)去搜一下8.0之前版本系統(tǒng)占得比例，以及8.0、7.0給整個(gè)維護(hù)帶來(lái)的成本，我在最近逛一些論壇的時(shí)候也有同行在說(shuō)這個(gè)問(wèn)題了。好了回到正題！

說(shuō)我們的正題：9.0之后Apple建議用的： AVKit框架，首先AVKit框架是8.0之后出現(xiàn)的，它是建立在我們熟悉的AVFoundation框架之上的.

利用AVKit進(jìn)行視頻播放時(shí)我們整理一下我們需要的大致都在這幾個(gè)類或者協(xié)議當(dāng)中：

1、AVPlayerItem                          （視頻要播放的元素）

2、AVPlayerLayer                        （播放顯示視頻的圖層界面）

3、AVPlayer                                （用于播放音視頻）

4、AVPlayerViewController            （控制器）

5、AVPlayerViewControllerDelegate（協(xié)議）

要是想要徹底的了解AVFoundation這個(gè)框架是不容易的，這個(gè)框架的確很龐大，有一本書(shū)叫做 《AV Foundation 開(kāi)發(fā)秘籍》有興趣的可以去購(gòu)買(mǎi)看看，自己也在學(xué)習(xí)當(dāng)中，后續(xù)的文章全都會(huì)整理在這個(gè)系列當(dāng)中。

這篇文章就等于是給這個(gè)系列開(kāi)一個(gè)頭，這個(gè)框架的學(xué)習(xí)之路應(yīng)該是漫長(zhǎng)的，也希望自己能堅(jiān)持完吧這個(gè)系列文章全都總結(jié)出來(lái)。下面把上面說(shuō)的各個(gè)類分別說(shuō)一下：

1、AVPlayerItem

在我們使用AVPlayer播放視頻的時(shí)候，提供視頻信息的就是AVPlayerItem，一個(gè)AVPlayerItem對(duì)應(yīng)著你提供的一個(gè)視頻Url資源，這個(gè)理解它的時(shí)候可以把它比作一個(gè)Model, 你初始化了AVPlayerItem之后，并不是馬上就可以使用它了，因?yàn)榉彩呛蚒rl網(wǎng)絡(luò)扯上關(guān)系的，都需要時(shí)間，等AVPlayerItem加載好之后就可以使用它了，那這一步我們?cè)趺刺幚砟兀?/p>

1> : 答案是利用KVO觀察statues屬性為 AVPlayerStatusReadyToPlay，看看這個(gè)屬性的定義：

 @property (nonatomic, readonly) AVPlayerStatus status  它是一個(gè)只讀屬性，這點(diǎn)也需要注意，其實(shí)也就理解利用KVO的原因。

2>: 順便總結(jié)要是你要顯示當(dāng)前視屏的緩存進(jìn)度，你需要監(jiān)測(cè)它的loadedTimeRanges屬性。

2、AVPlayerLayer

它主要負(fù)責(zé)的就是視頻的顯示，繼承自CALayer,其實(shí)你可以把它理解成我們的View。我們自定義的那些播放時(shí)候的控件就是添加在它上面的，比如我們能看到的播放按鈕，停止按鈕，或者播放進(jìn)度條等等。

3、 AVPlayer  

它主要負(fù)責(zé)的是管理視頻播放，暫停等等，相當(dāng)于一個(gè)視頻管理器，要是類比的話他就是一個(gè)ViewController（當(dāng)然不是真正的ViewController）,這三者就基本含括了一個(gè)基本的視頻播，基于著三者我們總結(jié)一下播放一個(gè)視頻的基本的過(guò)程：

4、AVPlayerViewController

它是Apple 幫我們封裝好的可以一個(gè)視頻播放控制器，它就有一個(gè)  @property (nonatomic, strong, nullable) AVPlayer *player 的屬性，前面的AVPlayer也就像相應(yīng)的需要賦值給它，它里面還有一些我們需要理解一下的屬性，我們也把它寫(xiě)出來(lái)，具體代碼我們下面再看：

player：                                    設(shè)置播放器 showsPlaybackControls：           設(shè)置是否顯示媒體播放組件，默認(rèn)YES videoGravity：                           設(shè)置視頻拉伸模式 allowsPictureInPicturePlayback： 設(shè)置是否允許畫(huà)中畫(huà)回放，默認(rèn)YES delegate：                                設(shè)置代理

5、AVPlayerViewControllerDelegate

這個(gè)代理就是前面說(shuō)的AVPlayerViewController的協(xié)議，它主要的是為畫(huà)中畫(huà)的設(shè)置的代理，前面介紹 AVPlayerViewController 的時(shí)候有看到過(guò)一個(gè)是否允許畫(huà)中畫(huà)的屬性，具體什么是畫(huà)中畫(huà)相信大家都了解，看過(guò)直接的朋友應(yīng)該都看到了這個(gè)技術(shù)點(diǎn)的具體應(yīng)用。我們看看它里面的飯法規(guī)主要都干了些什么？

// 1、即將開(kāi)始畫(huà)中畫(huà)
- (void)playerViewControllerWillStartPictureInPicture:(AVPlayerViewController *)playerViewController;
// 2、開(kāi)始畫(huà)中畫(huà)
- (void)playerViewControllerDidStartPictureInPicture:(AVPlayerViewController *)playerViewController;
// 3、畫(huà)中畫(huà)失敗
- (void)playerViewController:(AVPlayerViewController *)playerViewController failedToStartPictureInPictureWithError:(NSError *)error;
// 4、即將結(jié)束畫(huà)中畫(huà)
- (void)playerViewControllerWillStopPictureInPicture:(AVPlayerViewController *)playerViewController;
// 5、結(jié)束畫(huà)中畫(huà)
- (void)playerViewControllerDidStopPictureInPicture:(AVPlayerViewController *)playerViewController;

 

我們看一個(gè)簡(jiǎn)單的Demo 

我們先不說(shuō)關(guān)于AVFoundation復(fù)雜的東西，因?yàn)樽约阂彩窃趯W(xué)習(xí)這個(gè) AVFoundation當(dāng)中，我們先看一些很簡(jiǎn)單的Demo，就簡(jiǎn)單的利用一下AVFoundation 播放一下視頻：

我們?cè)诤?jiǎn)單的看一下我們寫(xiě)的這部分的代碼，簡(jiǎn)單的先使用了一下我們說(shuō)的上面的一些知識(shí)點(diǎn)：

- (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view.
 self.view.backgroundColor = [UIColor whiteColor]; 
 self.avPlayerItem = [AVPlayerItem playerItemWithURL:[NSURL URLWithString:MovieURL]];
 self.avPlayer = [[AVPlayer alloc]initWithPlayerItem:self.avPlayerItem];
 self.avPlayerLayer = [AVPlayerLayer playerLayerWithPlayer:self.avPlayer];
 self.avPlayerLayer.frame = CGRectMake(10, 100, 355, 200);
 [self.view.layer addSublayer:self.avPlayerLayer];
 // 添加觀察者
 [self addObserverWithAVPlayerItem];
}
#pragma mark --
#pragma mark -- KVO
-(void)addObserverWithAVPlayerItem{
 //狀態(tài)添加觀察者
 [self.avPlayerItem addObserver:self forKeyPath:@"status" options:(NSKeyValueObservingOptionNew) context:nil];
 // 緩存進(jìn)度添加觀察者
 [self.avPlayerItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil];
}
-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{
 AVPlayerItem * avplayeritem = (AVPlayerItem *)object;
 if ([keyPath isEqualToString:@"status"]) {
 AVPlayerStatus status = [[change objectForKey:@"new"] intValue];
 if (status == AVPlayerStatusReadyToPlay) {
  NSLog(@"準(zhǔn)備好播放");
  CMTime duration = avplayeritem.duration;
  NSLog(@"視頻總時(shí)長(zhǎng):%.2f",CMTimeGetSeconds(duration));
  // 播放
  [self.avPlayer play];
 }else if (status == AVPlayerStatusFailed){
  NSLog(@"視頻準(zhǔn)備發(fā)生錯(cuò)誤");
 }else{
  NSLog(@"位置錯(cuò)誤");
 }
 }else if ([keyPath isEqualToString:@"loadedTimeRanges"]){
  // 可以自定義緩存進(jìn)度
  NSTimeInterval timeInterval = [self alreadyCacheVideoProgress];
  NSLog(@"視頻已經(jīng)緩存的時(shí)長(zhǎng):%.2f",timeInterval);
 }
}

#pragma mark --
#pragma mark -- alreadyCacheVideoProgress
-(NSTimeInterval)alreadyCacheVideoProgress{
 
 // 先獲取到它的緩存的進(jìn)度
 NSArray * cacheVideoTime = [self.avPlayerItem loadedTimeRanges];
 // CMTimeRange 結(jié)構(gòu)體 start duration 表示起始位置 和 持續(xù)時(shí)間
 // 獲取緩沖區(qū)域
 CMTimeRange timeRange = [cacheVideoTime.firstObject CMTimeRangeValue];
 float startSeconds = CMTimeGetSeconds(timeRange.start);
 float durationSeconds = CMTimeGetSeconds(timeRange.duration);
 // 計(jì)算總緩沖時(shí)間 = start + duration
 NSTimeInterval result = startSeconds + durationSeconds;
 return result;
} 

這些點(diǎn)我們有必要注意一下

1、CMTime  一個(gè)專門(mén)用于標(biāo)識(shí)視頻時(shí)間的結(jié)構(gòu)體

/*!
	@typedef	CMTime
	@abstract	Rational time value represented as int64/int32.
*/
typedef struct
{
	CMTimeValue	value;		/*! @field value The value of the CMTime. value/timescale = seconds. 幀數(shù) */
	CMTimeScale	timescale;	/*! @field timescale The timescale of the CMTime. value/timescale = seconds.幀率（影片每秒有幾幀）*/ CMTimeFlags flags; /*! @field flags The flags, eg. kCMTimeFlags_Valid, kCMTimeFlags_PositiveInfinity, etc. */  CMTimeEpoch epoch; /*! @field epoch Differentiates between equal timestamps that are actually different because of looping, multi-item sequencing, etc. Will be used during comparison: greater epochs happen after lesser ones. Additions/subtraction is only possible within a single epoch, however, since epoch length may be unknown/variable. */} CMTime;

前面的代碼中我們看到有一個(gè)獲取視頻總長(zhǎng)度的方法：

CMTime duration = avplayeritem.duration;
NSLog(@"視頻總時(shí)長(zhǎng):%.2f",CMTimeGetSeconds(duration));

可以看到CMTimeGetSeconds這個(gè)函數(shù)把一個(gè)CMTime類型轉(zhuǎn)化成一個(gè)浮點(diǎn)型，如果一個(gè)影片為60幀/每秒， 當(dāng)前想要跳轉(zhuǎn)到120幀的位置，也就是兩秒的位置，那么就可以創(chuàng)建一個(gè) CMTime 類型數(shù)據(jù)。它通?？梢杂孟旅鎯蓚€(gè)函數(shù)來(lái)創(chuàng)建.

1>： CMTimeMake(int64_t value, int32_t scale)                          Eg: CMTime time1 = CMTimeMake(120, 60);

2>：CMTimeMakeWithSeconds(Flout64 seconds, int32_t scale)   Eg: CMTime time2 = CMTimeWithSeconds(120, 60);

CMTimeMakeWithSeconds 和 CMTimeMake 區(qū)別在于，第一個(gè)函數(shù)的第一個(gè)參數(shù)可以是float，其他一樣。

- (id)addPeriodicTimeObserverForInterval:(CMTime)interval queue:(nullable dispatch_queue_t)queue usingBlock:(void (^)(CMTime time))block;

比如說(shuō)：我們把時(shí)間間隔設(shè)置為， 1/ 10 秒，然后 block 里面更新 UI。就是一秒鐘更新10次UI，我們驗(yàn)證一下：

[self.avPlayer addPeriodicTimeObserverForInterval:CMTimeMake(1, 10) queue:dispatch_get_main_queue() usingBlock:^(CMTime time) {
  // CMTime的timescale的定義幫助理解下面代碼
  // @field timescale The timescale of the CMTime. value/timescale = seconds.
  float currentPlayTime = (double)self.avPlayerItem.currentTime.value/ self.avPlayerItem.currentTime.timescale;
  NSLog(@"當(dāng)前播放進(jìn)度：%f",currentPlayTime);
 }];

我們隨便截取出一段打印的日志，看一下結(jié)果就可以驗(yàn)證：

2、AVPlayerItem  視頻播放結(jié)束通知

/* Note that NSNotifications posted by AVPlayerItem may be posted on a different thread from the one on which the observer was registered. */

// notifications          description
AVF_EXPORT NSString *const AVPlayerItemTimeJumpedNotification			 NS_AVAILABLE(10_7, 5_0);	// the item's current time has changed discontinuously
AVF_EXPORT NSString *const AVPlayerItemDidPlayToEndTimeNotification NS_AVAILABLE(10_7, 4_0); // item has played to its end time
AVF_EXPORT NSString *const AVPlayerItemFailedToPlayToEndTimeNotification NS_AVAILABLE(10_7, 4_3); // item has failed to play to its end time
AVF_EXPORT NSString *const AVPlayerItemPlaybackStalledNotification NS_AVAILABLE(10_9, 6_0); // media did not arrive in time to continue playback
AVF_EXPORT NSString *const AVPlayerItemNewAccessLogEntryNotification	 NS_AVAILABLE(10_9, 6_0);	// a new access log entry has been added
AVF_EXPORT NSString *const AVPlayerItemNewErrorLogEntryNotification		 NS_AVAILABLE(10_9, 6_0);	// a new error log entry has been added

// notification userInfo key         type
AVF_EXPORT NSString *const AVPlayerItemFailedToPlayToEndTimeErrorKey NS_AVAILABLE(10_7, 4_3); // NSError

3、這些個(gè)三方框架

(1): VKVideoPlayer

(2): ALMoviePlayerController

(3): PBJVideoPlayer

(4): 還有這個(gè)比較厲害的MobileVLCKit

關(guān)于上面上的這些三方都給出了連接，最后一個(gè)給的是一篇幫助我們集成的文章，這些三方在后面這個(gè)系列文章的總結(jié)中會(huì)一點(diǎn)點(diǎn)慢慢的全都說(shuō)一下，在這里只提一下有這些框架在，有興趣可以先了解，后面我在總結(jié)。

最新評(píng)論