iOS14 畫中畫 調(diào)研
畫中畫（PictureInPicture）在iOS9就已經(jīng)推出了，不過之前都只能在iPad使用窿锉，iPhone要使用畫中畫就得更新到iOS14才能使用酵熙。
蘋果在iOS14中開放了手機端對畫中畫的支持轧简，方便在app退出前臺時仍然可以播放視頻。 畫中畫的開啟匾二，本質(zhì)上還是需要依賴系統(tǒng)播放器哮独，同時UI、動畫等都是系統(tǒng)原生提供的察藐，因此自定義空間很小皮璧。
目前有三種方式實現(xiàn)畫中畫：
- WKWebView自帶
- 如果對播放器
要求不大的可以直接使用AVPlayerViewController，自身就提供畫中畫功能可直接使用分飞，設(shè)置allowsPictureInPicturePlayback = YES即可展示出畫中畫按鈕恶导。 - 而
自定義的播放器要開啟畫中畫那就使用AVPictureInPictureController來包裝，也是很簡單易用浸须，并且動畫效果內(nèi)部已經(jīng)實現(xiàn)惨寿，只需要注意畫中畫按鈕需要用戶自己去實現(xiàn)，畫中畫圖標系統(tǒng)已有相關(guān)APIpictureInPictureButtonStartImage删窒。
總共需要以下幾步：
開啟后臺模式裂垦，即Xcode中后臺能力中的第一個勾選框
創(chuàng)建
AVPictureInPictureController(你一定要讓用戶通過操作（點擊按鈕等）來開始畫中畫顯示。 不能直接在代碼中直接startPictureInPicture ,這樣的話你的APP上架審核會被拒絕肌索，因為蘋果本身是不希望用戶自定義畫中畫的蕉拢。)在
[AVPictureInPictureController isPictureInPictureSupported]允許的情況下，設(shè)置AVAudioSession的category為AVAudioSessionCategoryPlayback可以播放遵守HLS協(xié)議的.m3u8的直播,因為AVPlayer 不支持 flv诚亚，只能播放 hls 的流晕换。HLS是蘋果主導(dǎo)的音視頻傳輸協(xié)議，其主要的格式是一個索引文件（M3U8）+ ts分片的視頻文件站宗。
如果業(yè)務(wù)使用系統(tǒng)播放器闸准，那么這里一般不會有問題，因為播放器已經(jīng)正確顯示了梢灭。但是如果業(yè)務(wù)使用了自定義播放器夷家，同時也希望具有畫中畫能力蒸其，那么通常會創(chuàng)建一個隱藏的系統(tǒng)播放器，作為畫中畫功能的承載库快。這時候就要注意保證
用于渲染的view摸袁、layer正確地加入到了層級中。
具體代碼如下：
// init player
NSURL *url = [NSURL URLWithString:@"https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/bipbop_16x9_variant.m3u8"];
//使用playerItem初始化AVPlayer的目的是為了監(jiān)聽播放器的`status`狀態(tài)
self.playerItem = [AVPlayerItem playerItemWithURL:url];
[self.playerItem addObserver:self
forKeyPath:@"status"
options:NSKeyValueObservingOptionOld | NSKeyValueObservingOptionNew
context:nil];
self.player = [[AVPlayer alloc] initWithPlayerItem:self.playerItem ];
// init player layer
AVPlayerLayer * playerLayer = (AVPlayerLayer *)self.playerView.layer;
playerLayer.player = self.player;
// init pip controller
self.pipController = [[AVPictureInPictureController alloc] initWithPlayerLayer:playerLayer];
self.pipController.delegate = self;
//監(jiān)聽'pictureInPicturePossible'是為了讓自定義的畫中畫按鈕是否顯示/隱藏 或者 能否點擊义屏，因為有些時候即使設(shè)備支持靠汁，但是需要AVPlayer等到直播流可以播放的一個狀態(tài)才可以為possible
[self.pipController addObserver:self
forKeyPath:@"pictureInPicturePossible"
options:NSKeyValueObservingOptionOld | NSKeyValueObservingOptionNew
context:nil];
if ([AVPictureInPictureController isPictureInPictureSupported]) {
NSLog(@"該設(shè)備支持畫中畫功能");
//開啟畫中畫后臺聲音權(quán)限
NSError *error = nil;
[[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryPlayback error:&error];
[[AVAudioSession sharedInstance] setActive:YES error:nil];
if (error) {
NSLog(@"請求權(quán)限失敗的原因為%@",error);
}
} else {
NSLog(@"該設(shè)備不支持畫中畫功能");
}
//在點擊畫中畫按鈕的時候 開啟畫中畫
if (self.pipController.isPictureInPictureActive) {
[self.pipController stopPictureInPicture];
} else {
[self.pipController startPictureInPicture];
}
//status狀態(tài)一共三種 可以在不同的狀態(tài)下設(shè)置不同的交互
AVPlayerItemStatusReadyToPlay:
AVPlayerItemStatusFailed:
AVPlayerItemStatusUnknown:
注意點：
一、 AVPictureInPictureController的初始化通過將要展示視頻的視圖的view的 AVPlayerLayer來初始化闽铐。為了達到這種目的視頻播放的視圖的layer返回應(yīng)該是AVPlayerLayer蝶怔，重寫+layerClass方法使得在創(chuàng)建的時候能返回一個不同的圖層子類。UIView會在初始化的時候調(diào)用+layerClass方法阳啥，然后用它的返回類型來創(chuàng)建宿主圖層。即需要在展示視頻的view視圖里有如下類方法
+ (Class)layerClass {
return [AVPlayerLayer class];
}
二财喳、 startPictureInPicture并不是立馬觸發(fā)察迟，而是需要在視頻可以開始播放時才允許打開。所以如果不加載一個本地加載的動畫視頻的話耳高，界面上不會立馬顯示出畫中畫扎瓶，給用戶造成一種不靈敏的感覺。所以 先循環(huán)播放一個本地的 loading 視頻來開啟畫中畫泌枪，同時等待直播可以開始播放時概荷，再將畫中畫的畫面切換成真正的直播內(nèi)容。
三碌燕、 因為AVPlayer只能播放本地視頻或者HLS直播流误证，而AVPictureInPictureController的初始化需要用到AVPlayer。但公司目前的設(shè)備推流機制是直接客戶端接受YUV數(shù)據(jù)并用OpenGL渲染修壕，沒有經(jīng)過服務(wù)器取流愈捅，所以畫中畫暫時無法實現(xiàn)。
實現(xiàn)步驟：如果現(xiàn)在不支持慈鸠，后續(xù)如果想實現(xiàn)的話蓝谨，可以在點擊畫中畫后去服務(wù)請求視頻的HLS直播地址，和一些token的驗證拼接青团，之后將其賦值給self.playLayer.player = [AVPlayer playerWithURL:[NSURL URLWithString:urlStr]];譬巫，之后就可以開啟畫中畫了。否則就按失敗處理督笆。
//歡迎大家交流并指出錯誤芦昔，謝謝
