主要內(nèi)容:
-
iOS
播放器概述 MPMoviePlayerController
MPMoviePlayerViewController
AVPlayer
AVPlayerViewController
一、iOS播放器概述
Apple
我們提供了多種方法來實現(xiàn)視頻播放,包括以下:
MPMoviePlayerController
MPMoviePlayerViewController
AVPlayer
-
AVPlayerViewController
;
注意:MPMoviePlayerController
、MPMoviePlayerViewController
在iOS9.0
之后被棄用;
雖說如此,這里還是將所有的用法進行總結(jié)以便對比,下面的圖示簡單概括它們之間的區(qū)別:
溫馨提示:代碼更直觀,首先附上本文Demo
二、MPMoviePlayerController
1.播放視頻
MPMoviewPlayerController
繼承于NSObject
,使用它播放視頻需要將其自帶的視頻View
添加到視圖控制器的View
上才能顯示視頻。使用步驟如下:
步驟1:引用MediaPlayer
框架,聲明視圖控制器屬性PlayerController
#import <mediaplayer mediaplayer.h>
@property(nonatomic,strong)MPMoviePlayerController *playerController;
步驟2:獲取視頻路徑,創(chuàng)建播放器
//本地視頻路徑
NSString* localFilePath=[[NSBundle mainBundle]pathForResource:@"不能說的秘密" ofType:@"mp4"];
NSURL *localVideoUrl = [NSURL fileURLWithPath:localFilePath];
//網(wǎng)絡視頻路徑
NSString *webVideoPath = @"http://api.junqingguanchashi.net/yunpan/bd/c.php?vid=/junqing/1115.mp4";
NSURL *webVideoUrl = [NSURL URLWithString:webVideoPath];
self.playerController =[[MPMoviePlayerController alloc]initWithContentURL:webVideoUrl];
步驟3:設置Frame
將播放器View
添加到視圖控制器View
上
self.playerController.view.frame = CGRectMake(0, 10, kDeviceWidth, 300);
[self.view addSubview: self.playerController.view];
步驟4:設置播放器屬性
//設置控制面板風格:無,嵌入,全屏,默認
self.playerController.controlStyle = MPMovieControlStyleDefault;
//設置是否自動播放(默認為YES)
self.playerController.shouldAutoplay = NO;
//設置播放器顯示模式,類似于圖片的處理,設置Fill有可能造成部分區(qū)域被裁剪
self.playerController.scalingMode = MPMovieScalingModeAspectFit;
//設置重復模式
self.playerController.repeatMode = MPMovieRepeatModeOne;
步驟5:播放視頻
//播放前的準備,會中斷當前正在活躍的音頻會話
[ self.playerController prepareToPlay];
//播放視頻,設置了自動播放之后可以不調(diào)用此方法
//[ self.playerController play];
步驟6:在退出界面的時候,關(guān)閉播放器,移除通知
- (void)dealloc{
//當前視圖控制器pop之后并不會關(guān)閉播放,需要手動關(guān)閉
[self.playerController stop];
self.playerController = nil;
//移除播放器相關(guān)的通知
[[NSNotificationCenter defaultCenter] removeObserver:self];
}
2.視頻播放相關(guān)的通知
MPMoviePlayerController
有關(guān)視頻播放的很多狀態(tài)控制都是通過通知完成的,尤其是播放在線視頻的時候,我們不僅監(jiān)控視頻加載是否成功,也會監(jiān)控是視頻緩存進度等。演示具體代碼如下:
步驟1:添加觀察者
//關(guān)于通知的使用(還有很多通知可以監(jiān)聽,可查看SDK)
NSNotificationCenter *notificaionCenter = [NSNotificationCenter defaultCenter];
//監(jiān)聽播放器狀態(tài)的變化
[notificaionCenter addObserver:self
selector:@selector(playerStateChanged:)
name:MPMoviePlayerPlaybackStateDidChangeNotification
object:nil];
//監(jiān)聽播放完成
[notificaionCenter addObserver:self
selector:@selector(playerFinished) name:MPMoviePlayerPlaybackDidFinishNotification
object:nil];
//監(jiān)聽切換到全屏
[notificaionCenter addObserver:self
selector:@selector(palyerChangeFullScreen) name:MPMoviePlayerDidEnterFullscreenNotification
object:nil];
//監(jiān)聽截屏操作完成
[notificaionCenter addObserver:self
selector:@selector(playerCaptureFinished:) name:MPMoviePlayerThumbnailImageRequestDidFinishNotification
object:nil];
步驟2:添加監(jiān)聽通知的響應方法
//播放狀態(tài)變化,注意播放完成時的狀態(tài)是暫停
- (void)playerStateChanged:(NSNotification *)notificaion{
switch (self.playerController.playbackState) {
case MPMoviePlaybackStateStopped:{
NSLog(@"播放停止");
break;
}
case MPMoviePlaybackStatePlaying:{
NSLog(@"播放器正在播放");
break;
}
case MPMoviePlaybackStatePaused:{
NSLog(@"播放器暫停");
break;
}
case MPMoviePlaybackStateInterrupted:{
NSLog(@"播放器中斷");
break;
}
case MPMoviePlaybackStateSeekingForward:{
NSLog(@"播放器快進");
break;
}
case MPMoviePlaybackStateSeekingBackward:{
NSLog(@"播放器快退");
break;
}
default:
break;
}
}
//視頻播放結(jié)束
- (void)playerFinished{
NSLog(@"playerFinished:播放結(jié)束");
}
//播放器切換到了全屏
- (void)palyerChangeFullScreen{
NSLog(@"palyerChangeFullScreen:播放器進入全屏");
}
//播放器截屏結(jié)束
- (void)playerCaptureFinished:(NSNotification *)notification{
//獲取并顯示截圖
UIImage *image=notification.userInfo[MPMoviePlayerThumbnailImageKey];
self.captureImgView.image = image;
}
3.實現(xiàn)截屏
步驟1:添加一個按鈕,觸發(fā)截屏
_captureBtn = [[UIButton alloc] initWithFrame:CGRectMake(30, CGRectGetMaxY(self.playerController.view.frame) + 30, kDeviceWidth - 30 * 2, 50)];
_captureBtn.backgroundColor = [UIColor purpleColor];
[_captureBtn setTitle:@"截圖當前屏幕" forState: UIControlStateNormal];
[_captureBtn addTarget:self action:@selector(captureCurrentScreenImg) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:_captureBtn];
//添加一個ImgView 顯示截屏后的圖片
_captureImgView = [[UIImageView alloc] initWithFrame:CGRectMake((kDeviceWidth - 150)/2, CGRectGetMaxY(_captureBtn.frame) + 20, 150, 150)];
_captureImgView.contentMode = UIViewContentModeScaleAspectFit;
_captureImgView.backgroundColor = [UIColor grayColor];
[self.view addSubview:_captureImgView];
步驟2:截取當前屏幕
- (void)captureCurrentScreenImg{
[self.playerController requestThumbnailImagesAtTimes:@[@(self.playerController.currentPlaybackTime)] timeOption:MPMovieTimeOptionNearestKeyFrame];
}
步驟3:監(jiān)聽通知:播放器截屏結(jié)束,得到圖片并顯示截圖
- (void)playerCaptureFinished:(NSNotification *)notification{
UIImage *image=notification.userInfo[MPMoviePlayerThumbnailImageKey];
self.captureImgView.image = image;
}
三、MPMoviePlayerViewController
MPMovicePlayerViewController
:
- 只能全屏幕播放視頻,它是一個包含了
MPMoviePlayerController
類型屬性的特殊視圖控制器,因此通過模態(tài)視圖彈出的方式顯示視頻; - 我們可以通過其
MPMoviePlayerController
屬性設置很多播放器的屬性,具體用法就和MPMoviePlayerController
相同;
使用該播放視頻的具體代碼示例如下:
//第一步:獲取視頻路徑
//本地視頻
NSString* localFilePath=[[NSBundle mainBundle]pathForResource:@"不能說的秘密" ofType:@"mp4"];
NSURL *localVideoUrl = [NSURL fileURLWithPath:localFilePath];
//在線視頻
//NSString *webVideoPath = @"http://api.junqingguanchashi.net/yunpan/bd/c.php?vid=/junqing/1115.mp4";
//NSURL *webVideoUrl = [NSURL URLWithString:webVideoPath];
//第二步:創(chuàng)建視頻播放器
MPMoviePlayerViewController *playerViewController = [[MPMoviePlayerViewController alloc] initWithContentURL:localVideoUrl];
//第三步:設置播放器屬性
//通過moviePlayer屬性設置播放器屬性(與MPMoviePlayerController類似)
playerViewController.moviePlayer.scalingMode = MPMovieScalingModeFill;
//第四步:跳轉(zhuǎn)視頻播放界面
[self presentViewController:playerViewController animated:YES completion:nil];
四、AVPlayer
AVPlayer
相比上述兩種方式,播放視頻功能更加強大,使用也十分靈活,因為它更加接近底層。但是AVPlayer
本身是不能直接顯示視頻的,必須創(chuàng)建一個播放層AVPlayerLayer
并將其添加到其他的視圖Layer上才能顯示。
1. 使用AVPlayer需要了解的常用類
-
AVAsset
:一個用于獲取多媒體信息的抽象類,但不能直接使用; -
AVURLAsset:AVAsset
的子類,可以根據(jù)一個URL
路徑創(chuàng)建一個包含媒體信息的AVURLAsset
對象; -
AVPlayerItem
:一個媒體資源管理對象,用于管理視頻的基本信息和狀態(tài),一個AVPlayerItem
對應一個視頻資源; -
AVPlayer
:負責視頻播放、暫停、時間控制等操作; -
AVPlayerLayer
:負責顯示視頻的圖層,如果不設置此屬性,視頻就只有聲音沒有圖像;
2. AVPlayer的使用步驟
步驟1:引用AVFoundation
框架,添加播放器屬性
#import <AVFoundation/AVFoundation.h>
@property (nonatomic,strong)AVPlayer *player;//播放器對象
@property (nonatomic,strong)AVPlayerItem *currentPlayerItem;
步驟2:獲取播放地址URL
//本地視頻路徑
NSString* localFilePath=[[NSBundle mainBundle]pathForResource:@"不能說的秘密" ofType:@"mp4"];
NSURL *localVideoUrl = [NSURL fileURLWithPath:localFilePath];
//網(wǎng)絡視頻路徑
NSString *webVideoPath = @"http://api.junqingguanchashi.net/yunpan/bd/c.php?vid=/junqing/1129.mp4";
NSURL *webVideoUrl = [NSURL URLWithString:webVideoPath];
步驟3:創(chuàng)建播放器(四種方法)
//如果使用URL創(chuàng)建的方式會默認為AVPlayer創(chuàng)建一個AVPlayerItem
//self.player = [AVPlayer playerWithURL:localVideoUrl];
//self.player = [[AVPlayer alloc] initWithURL:localVideoUrl];
//self.player = [AVPlayer playerWithPlayerItem:playerItem];
AVPlayerItem *playerItem = [[AVPlayerItem alloc] initWithURL:webVideoUrl];
self.currentPlayerItem = playerItem;
self.player = [[AVPlayer alloc] initWithPlayerItem:playerItem];
步驟4:創(chuàng)建顯示視頻的AVPlayerLayer
,設置視頻顯示屬性,并添加視頻圖層
//contentView是一個普通View,用于放置視頻視圖
/*
AVLayerVideoGravityResizeAspectFill等比例鋪滿,寬或高有可能出屏幕
AVLayerVideoGravityResizeAspect 等比例 默認
AVLayerVideoGravityResize 完全適應寬高
*/
AVPlayerLayer *avLayer = [AVPlayerLayer playerLayerWithPlayer:self.player];
avLayer.videoGravity = AVLayerVideoGravityResizeAspect;
avLayer.frame = _containerView.bounds;
[_containerView.layer addSublayer:avLayer];
步驟5:執(zhí)行play
方法,開始播放
//本地視頻可以直接播放
//網(wǎng)絡視頻需要監(jiān)測AVPlayerItem的status屬性為AVPlayerStatusReadyToPlay時方法才會生效
[self.player play];
3. 添加屬性觀察
一個AVPlayerItem
對象對應著一個視頻,我們需要通過AVPlayerItem
來獲取視頻屬性。
但是AVPlayerItem
必須是在視頻資源加載到可以播放的時候才能使用,這是受限于網(wǎng)絡的原因。為了解決這一問題,我們需要使用KVO
監(jiān)測AVPlayerItem的
status屬性,當其AVPlayerItemStatusReadyToPlay
的時候我們才能獲取視頻相關(guān)屬性;相關(guān)的代碼示例如下:
步驟1:注冊觀察者,監(jiān)測播放器屬性
//觀察Status屬性,可以在加載成功之后得到視頻的長度
[self.player.currentItem addObserver:self forKeyPath:@"status" options:NSKeyValueObservingOptionNew context:nil];
//觀察loadedTimeRanges,可以獲取緩存進度,實現(xiàn)緩沖進度條
[self.player.currentItem addObserver:self forKeyPath:@"loadedTimeRanges" options:NSKeyValueObservingOptionNew context:nil];
步驟2:添加屬性觀察
- (void)observeValueForKeyPath:(NSString *)keyPath
ofObject:(id)object
change:(NSDictionary *)change
context:(void *)context {
AVPlayerItem *playerItem = (AVPlayerItem *)object;
if ([keyPath isEqualToString:@"status"]) {
//獲取playerItem的status屬性最新的狀態(tài)
AVPlayerStatus status = [[change objectForKey:@"new"] intValue];
switch (status) {
case AVPlayerStatusReadyToPlay:{
//獲取視頻長度
CMTime duration = playerItem.duration;
//更新顯示:視頻總時長(自定義方法顯示時間的格式)
self.totalNeedPlayTimeLabel.text = [self formatTimeWithTimeInterVal:CMTimeGetSeconds(duration)];
//開啟滑塊的滑動功能
self.sliderView.enabled = YES;
//關(guān)閉加載Loading提示
[self showaAtivityInDicatorView:NO];
//開始播放視頻
[self.player play];
break;
}
case AVPlayerStatusFailed:{//視頻加載失敗,點擊重新加載
[self showaAtivityInDicatorView:NO];//關(guān)閉Loading視圖
self.playerInfoButton.hidden = NO; //顯示錯誤提示按鈕,點擊后重新加載視頻
[self.playerInfoButton setTitle:@"資源加載失敗,點擊繼續(xù)嘗試加載" forState: UIControlStateNormal];
break;
}
case AVPlayerStatusUnknown:{
NSLog(@"加載遇到未知問題:AVPlayerStatusUnknown");
break;
}
default:
break;
}
} else if ([keyPath isEqualToString:@"loadedTimeRanges"]) {
//獲取視頻緩沖進度數(shù)組,這些緩沖的數(shù)組可能不是連續(xù)的
NSArray *loadedTimeRanges = playerItem.loadedTimeRanges;
//獲取最新的緩沖區(qū)間
CMTimeRange timeRange = [loadedTimeRanges.firstObject CMTimeRangeValue];
//緩沖區(qū)間的開始的時間
NSTimeInterval loadStartSeconds = CMTimeGetSeconds(timeRange.start);
//緩沖區(qū)間的時長
NSTimeInterval loadDurationSeconds = CMTimeGetSeconds(timeRange.duration);
//當前視頻緩沖時間總長度
NSTimeInterval currentLoadTotalTime = loadStartSeconds + loadDurationSeconds;
//NSLog(@"開始緩沖:%f,緩沖時長:%f,總時間:%f", loadStartSeconds, loadDurationSeconds, currentLoadTotalTime);
//更新顯示:當前緩沖總時長
_currentLoadTimeLabel.text = [self formatTimeWithTimeInterVal:currentLoadTotalTime];
//更新顯示:視頻的總時長
_totalNeedLoadTimeLabel.text = [self formatTimeWithTimeInterVal:CMTimeGetSeconds(self.player.currentItem.duration)];
//更新顯示:緩沖進度條的值
_progressView.progress = currentLoadTotalTime/CMTimeGetSeconds(self.player.currentItem.duration);
}
}
轉(zhuǎn)換時間格式的方法:
- (NSString *)formatTimeWithTimeInterVal:(NSTimeInterval)timeInterVal{
int minute = 0, hour = 0, secend = timeInterVal;
minute = (secend % 3600)/60;
hour = secend / 3600;
secend = secend % 60;
return [NSString stringWithFormat:@"%02d:%02d:%02d", hour, minute, secend];
}
4. 獲取當前播放時間與總時間
在此之前我們需要首先了解一個數(shù)據(jù)類型,也就是上述操作中的CMTime
。
在AVPlayer
的使用中我們會經(jīng)常用到CMTime
,其實它是一個如下的結(jié)構(gòu)體:
typedef struct{
CMTimeValue value; // 幀數(shù)
CMTimeScale timescale; // 幀率(影片每秒有幾幀)
CMTimeFlags flags;
CMTimeEpoch epoch;
} CMTi
在上面的操作中我們看到AVPlayerItem
的Duration
屬性就是一個CMTime
類型的數(shù)據(jù)。所以獲取視頻的總時長(秒)需要duration.value/duration.timeScale
。當然系統(tǒng)也為我們提供了CMTimeGetSeconds
函數(shù)更加方便計算:
總時長: duration.value == CMTimeGetSeconds(duration) 。
在快進視頻到某一個位置的時候我們也需要創(chuàng)建CMTime
作為參數(shù),那么CMTime
的創(chuàng)建方法有兩種:
//方法1:
CMTimeMakeWithSeconds(Flout64 seconds, int32_t scale)
//方法2:
CMTimeMake(int64_t value, int32_t scale)
//注:兩者的區(qū)別在于方法一的第一個參數(shù)可以是float
至于獲取視頻的總時間在上述代碼中已有體現(xiàn),是在檢測播放狀態(tài)變?yōu)?code>AVPlayerStatusReadyToPlay的時候獲取的
//視頻總時長,在AVPlayerItem狀態(tài)為AVPlayerStatusReadyToPlay時獲取
CMTime duration = self.player.currentItem.duration;
CGFloat totalTime = CMTimeGetSeconds(duration);
//當前AVPlayer的播放時長
CMTime cmTime = self.player.currentTime;
CGFloat currentTime = CMTimeGetSeconds(cmTime);
5. 播放進度與狀態(tài)的刷新
實時更新當前播放時間,這時候我們不必使用定時器,因為AVPlayer
已經(jīng)提供了方法:
addPeriodicTimeObserverForInterval: queue: usingBlock`
當播放進度改變的時候方法中的回調(diào)會被執(zhí)行,我們可以在這里做刷新時間的操作,代碼示例如下:
__weak __typeof(self) weakSelf = self;
self.timeObserver = [self.player addPeriodicTimeObserverForInterval:CMTimeMake(1, 1) queue:dispatch_get_main_queue() usingBlock:^(CMTime time) {
//當前播放的時間
NSTimeInterval currentTime = CMTimeGetSeconds(time);
//視頻的總時間
NSTimeInterval totalTime = CMTimeGetSeconds(weakSelf.player.currentItem.duration);
//設置滑塊的當前進度
weakSelf.sliderView.value = currentTime/totalTime;
//設置顯示的時間:以00:00:00的格式
weakSelf.currentTimeLabel.text = [weakSelf formatTimeWithTimeInterVal:currentTime];
}];
//移除時,調(diào)用removeTimeObserver
// [self.player removeTimeObserver:self.timeObserver];
注意:使用addPeriodicTimeObserverForInterval
必須持有返回對象,且在不需要播放器的時候移除此對象; 否則將會導致undefined behavior
,這一點可以從文檔是這樣說明的:
You must retain this returned value as long as you want the time observer to be invoked by the player.
Pass this object to -removeTimeObserver: to cancel time observation.
Releasing the observer object without a call to -removeTimeObserver: will result in undefined behavior
6. 滑塊拖拽修改視頻播放進度
//UISlider的響應方法:拖動滑塊,改變播放進度
- (IBAction)sliderViewChange:(id)sender {
if(self.player.status == AVPlayerStatusReadyToPlay){
NSTimeInterval playTime = self.sliderView.value * CMTimeGetSeconds(self.player.currentItem.duration);
CMTime seekTime = CMTimeMake(playTime, 1);
[self.player seekToTime:seekTime completionHandler:^(BOOL finished) {
}];
}
}
五、AVPlayerViewController
AVPlayerViewController
:
- 這是
iOS8
新增視頻框架AVKit
中的播放器類,適合開發(fā)播放界面要求不是很高的應用; - 相比
AVPlayer
的使用更加方便,而原理上其實還是其中包含了一個AVPlayer
對象; -
iOS9
棄用前兩種播放器類后,AVPlayerViewController
更加推薦常用;
AVPlayerViewController
有以下兩種播放視頻的方式:
1. 直接彈出模態(tài)視圖控制器播放
//步驟1:獲取視頻路徑
NSString *webVideoPath = @"http://api.junqingguanchashi.net/yunpan/bd/c.php?vid=/junqing/1213.mp4";
NSURL *webVideoUrl = [NSURL URLWithString:webVideoPath];
//步驟2:創(chuàng)建AVPlayer
AVPlayer *avPlayer = [[AVPlayer alloc] initWithURL:webVideoUrl];
//步驟3:使用AVPlayer創(chuàng)建AVPlayerViewController,并跳轉(zhuǎn)播放界面
AVPlayerViewController *avPlayerVC =[[AVPlayerViewController alloc] init];
avPlayerVC.player = avPlayer;
[self presentViewController:avPlayerVC animated:YES completion:nil];
2.添加AVPlayerViewController的View到父視圖上播放
使用這種方式播放的優(yōu)點在于:可以指定播放界面的原始尺寸大小;
但是需要注意: AVPlayerViewController
必須被當前視圖控制器所持有,以防止被當做局部變量被釋放。為了滿足這一條件,有兩種方式:
- 可以將
AVPlayerViewController
作為屬性; - 也可以使用
addChildViewController
方法將其作為當前視圖控制器的子視圖控制器;
相關(guān)的示例代碼如下:
//步驟1:獲取視頻路徑
NSString *webVideoPath = @"http://api.junqingguanchashi.net/yunpan/bd/c.php?vid=/junqing/1213.mp4";
NSURL *webVideoUrl = [NSURL URLWithString:webVideoPath];
//步驟2:創(chuàng)建AVPlayer
AVPlayer *avPlayer = [[AVPlayer alloc] initWithURL:webVideoUrl];
//步驟3:使用AVPlayer創(chuàng)建AVPlayerViewController,并跳轉(zhuǎn)播放界面
AVPlayerViewController *avPlayerVC =[[AVPlayerViewController alloc] init];
avPlayerVC.player = avPlayer;
//步驟4:設置播放器視圖大小
avPlayerVC.view.frame = CGRectMake(25, 0, 320, 300);
//特別注意:AVPlayerViewController不能作為局部變量被釋放,否則無法播放成功
//解決1.AVPlayerViewController作為屬性
//解決2:使用addChildViewController,AVPlayerViewController作為子視圖控制器
[self addChildViewController:avPlayerVC];
[self.view addSubview:avPlayerVC.view];
最后總結(jié):
以上就是iOS
視頻播放的基本方法,但這里也僅限一些基礎(chǔ)的播放需求。若要實現(xiàn)更為復雜的播放功能,仍然有很多東西需要我們繼續(xù)深入研究,加油!