在 Swift 中實現 Picture in Picture（畫中畫）功能，你可以使用 AVKit 框架提供的 AVPictureInPictureController 類。這個類允許你在 iOS 設備上播放視頻并支持畫中畫模式。
下面是一個簡單的示例代碼，演示如何在 Swift 中使用 AVPictureInPictureController 實現 Picture in Picture 功能：
import AVKit
class ViewController: UIViewController, AVPictureInPictureControllerDelegate {
var playerViewController: AVPlayerViewController!
var player: AVPlayer!
var pipController: AVPictureInPictureController!
override func viewDidLoad() {
super.viewDidLoad()
// 創建 AVPlayer 對象
let videoURL = URL(string: "YOUR_VIDEO_URL")
player = AVPlayer(url: videoURL!)
// 創建 AVPlayerViewController 并設置 player
playerViewController = AVPlayerViewController()
playerViewController.player = player
// 設置 Picture in Picture 控制器并設置代理
pipController = AVPictureInPictureController(playerLayer: playerViewController.playerLayer)
pipController.delegate = self
// 添加 AVPlayerViewController 到當前視圖控制器
addChild(playerViewController)
view.addSubview(playerViewController.view)
playerViewController.view.frame = view.bounds
playerViewController.didMove(toParent: self)
// 開始播放視頻
player.play()
}
// 實現 AVPictureInPictureControllerDelegate 代理方法
func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
// Picture in Picture 模式已經開始
print("Picture in Picture 模式已經開始")
}
func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
// Picture in Picture 模式已經結束
print("Picture in Picture 模式已經結束")
}
// 添加按鈕或手勢來啟動 Picture in Picture 模式
@IBAction func startPictureInPicture(_ sender: Any) {
if pipController.isPictureInPicturePossible {
pipController.startPictureInPicture()
}
}
}
在這個示例中，我們首先創建了一個 AVPlayer 對象來播放視頻，并將其設置給一個 AVPlayerViewController 對象。然后，我們創建了一個 AVPictureInPictureController 對象，并將 AVPlayerViewController 的 playerLayer 設置給它。最后，我們實現了 AVPictureInPictureControllerDelegate 協議，并在代理方法中處理 Picture in Picture 模式的開始和結束。
請確保替換示例代碼中的 "YOUR_VIDEO_URL" 為你自己的視頻 URL。此外，你可以通過添加按鈕或手勢來啟動 Picture in Picture 模式，以便用戶可以在需要時手動啟動。
下面是一個示例代碼，演示了如何在 Swift 中使用 AVPlayer 和 AVPlayerLayer 實現視頻播放，并結合畫中畫功能：
import UIKit
import AVKit
class ViewController: UIViewController {
var player: AVPlayer!
var playerLayer: AVPlayerLayer!
override func viewDidLoad() {
super.viewDidLoad()
// 設置音頻會話
do {
try AVAudioSession.sharedInstance().setCategory(.playback, mode: .default, options: [])
try AVAudioSession.sharedInstance().setActive(true)
} catch {
print("Failed to configure audio session:", error)
}
// 創建 AVPlayer 對象
guard let videoURL = Bundle.main.url(forResource: "video", withExtension: "mp4") else { return }
player = AVPlayer(url: videoURL)
// 創建 AVPlayerLayer 并添加到視圖層上
playerLayer = AVPlayerLayer(player: player)
playerLayer.frame = view.bounds
view.layer.addSublayer(playerLayer)
}
// 播放按鈕點擊事件
@IBAction func playButtonTapped(_ sender: Any) {
player.play()
}
// 進入畫中畫模式按鈕點擊事件
@IBAction func pipButtonTapped(_ sender: Any) {
let pipController = AVPictureInPictureController(playerLayer: playerLayer)
if pipController.isPictureInPicturePossible {
pipController.startPictureInPicture()
}
}
}
這個示例代碼中，假設你的項目中有一個名為 video.mp4 的視頻文件，代碼會使用 AVPlayer 和 AVPlayerLayer 來播放該視頻。當用戶點擊播放按鈕時，視頻會在當前視圖中播放；當用戶點擊進入畫中畫模式按鈕時，視頻會自動進入畫中畫模式，繼續在一個小窗口中播放。
要實現自定義播放器并支持畫中畫功能，你需要遵循以下步驟：
- 創建自定義播放器視圖，并添加 AVPlayerLayer 用于顯示視頻。
- 添加畫中畫按鈕，并在用戶點擊時啟動畫中畫模式。
- 實現 AVPictureInPictureControllerDelegate 協議，以便處理畫中畫模式的狀態變化。
- 將 AVPlayerLayer 添加到 AVPictureInPictureController 中，以便支持畫中畫功能。
下面是一個示例代碼，演示了如何實現自定義播放器并支持畫中畫功能：
import UIKit
import AVKit
class CustomPlayerViewController: UIViewController, AVPictureInPictureControllerDelegate {
var player: AVPlayer!
var playerLayer: AVPlayerLayer!
var pipController: AVPictureInPictureController!
override func viewDidLoad() {
super.viewDidLoad()
// 創建 AVPlayer 對象
guard let videoURL = Bundle.main.url(forResource: "video", withExtension: "mp4") else { return }
player = AVPlayer(url: videoURL)
// 創建 AVPlayerLayer 并添加到視圖層上
playerLayer = AVPlayerLayer(player: player)
playerLayer.frame = view.bounds
view.layer.addSublayer(playerLayer)
// 設置畫中畫控制器
pipController = AVPictureInPictureController(playerLayer: playerLayer)
pipController.delegate = self
// 添加畫中畫按鈕
let pipButton = UIButton(type: .system)
pipButton.setTitle("畫中畫", for: .normal)
pipButton.addTarget(self, action: #selector(pipButtonTapped), for: .touchUpInside)
view.addSubview(pipButton)
pipButton.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
pipButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
pipButton.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])
}
@objc func pipButtonTapped() {
if pipController.isPictureInPicturePossible {
pipController.startPictureInPicture()
}
}
// 實現 AVPictureInPictureControllerDelegate 協議方法
func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
print("畫中畫模式已經開始")
}
func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
print("畫中畫模式已經結束")
}
}
在這個示例中，我們創建了一個自定義播放器視圖控制器 CustomPlayerViewController，其中包含一個自定義播放器和一個畫中畫按鈕。當用戶點擊畫中畫按鈕時，會啟動畫中畫模式。我們還實現了 AVPictureInPictureControllerDelegate 協議來處理畫中畫模式的狀態變化。最后，我們將 AVPlayerLayer 添加到 AVPictureInPictureController 中，以便支持畫中畫功能。
騰訊直播拉流播放器V2TXLivePlayer支持畫中畫
/**
* 開啟畫中畫功能，僅支持直播和快直播播放
*
* @param enable YES: 開啟畫中畫功能; NO: 關閉畫中畫功能?！灸J值】: NO。
* @return 返回值 {@link V2TXLiveCode}。
* - V2TXLIVE_OK: 成功。
*/
- (V2TXLiveCode)enablePictureInPicture:(BOOL)enable;
// 開啟畫中畫功能
let resCode = player.enablePicture(inPicture: true)
ZYLogUtil.zy_debug("畫中畫 resCode:\(resCode.rawValue)")
開啟后臺畫中畫權限，即可實現
// 設置音頻會話
do {
try AVAudioSession.sharedInstance().setCategory(.playback, mode: .default, options: [])
try AVAudioSession.sharedInstance().setActive(true)
} catch {
print("Failed to configure audio session:", error)
}
image.png
IMG_0196.PNG
