在 Swift 中實(shí)現(xiàn) Picture in Picture（畫中畫）功能，你可以使用 AVKit 框架提供的 AVPictureInPictureController 類。這個(gè)類允許你在 iOS 設(shè)備上播放視頻并支持畫中畫模式。

下面是一個(gè)簡(jiǎn)單的示例代碼，演示如何在 Swift 中使用 AVPictureInPictureController 實(shí)現(xiàn) Picture in Picture 功能：

import AVKit

class ViewController: UIViewController, AVPictureInPictureControllerDelegate {

    var playerViewController: AVPlayerViewController!
    var player: AVPlayer!
    var pipController: AVPictureInPictureController!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 創(chuàng)建 AVPlayer 對(duì)象
        let videoURL = URL(string: "YOUR_VIDEO_URL")
        player = AVPlayer(url: videoURL!)

        // 創(chuàng)建 AVPlayerViewController 并設(shè)置 player
        playerViewController = AVPlayerViewController()
        playerViewController.player = player

        // 設(shè)置 Picture in Picture 控制器并設(shè)置代理
        pipController = AVPictureInPictureController(playerLayer: playerViewController.playerLayer)
        pipController.delegate = self

        // 添加 AVPlayerViewController 到當(dāng)前視圖控制器
        addChild(playerViewController)
        view.addSubview(playerViewController.view)
        playerViewController.view.frame = view.bounds
        playerViewController.didMove(toParent: self)

        // 開始播放視頻
        player.play()
    }

    // 實(shí)現(xiàn) AVPictureInPictureControllerDelegate 代理方法
    func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
        // Picture in Picture 模式已經(jīng)開始
        print("Picture in Picture 模式已經(jīng)開始")
    }

    func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
        // Picture in Picture 模式已經(jīng)結(jié)束
        print("Picture in Picture 模式已經(jīng)結(jié)束")
    }

    // 添加按鈕或手勢(shì)來(lái)啟動(dòng) Picture in Picture 模式
    @IBAction func startPictureInPicture(_ sender: Any) {
        if pipController.isPictureInPicturePossible {
            pipController.startPictureInPicture()
        }
    }
}

在這個(gè)示例中，我們首先創(chuàng)建了一個(gè) AVPlayer 對(duì)象來(lái)播放視頻，并將其設(shè)置給一個(gè) AVPlayerViewController 對(duì)象。然后，我們創(chuàng)建了一個(gè) AVPictureInPictureController 對(duì)象，并將 AVPlayerViewController 的 playerLayer 設(shè)置給它。最后，我們實(shí)現(xiàn)了 AVPictureInPictureControllerDelegate 協(xié)議，并在代理方法中處理 Picture in Picture 模式的開始和結(jié)束。

請(qǐng)確保替換示例代碼中的 "YOUR_VIDEO_URL" 為你自己的視頻 URL。此外，你可以通過(guò)添加按鈕或手勢(shì)來(lái)啟動(dòng) Picture in Picture 模式，以便用戶可以在需要時(shí)手動(dòng)啟動(dòng)。

下面是一個(gè)示例代碼，演示了如何在 Swift 中使用 AVPlayer 和 AVPlayerLayer 實(shí)現(xiàn)視頻播放，并結(jié)合畫中畫功能：

import UIKit
import AVKit

class ViewController: UIViewController {
    
    var player: AVPlayer!
    var playerLayer: AVPlayerLayer!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 設(shè)置音頻會(huì)話
        do {
            try AVAudioSession.sharedInstance().setCategory(.playback, mode: .default, options: [])
            try AVAudioSession.sharedInstance().setActive(true)
        } catch {
            print("Failed to configure audio session:", error)
        }
        
        // 創(chuàng)建 AVPlayer 對(duì)象
        guard let videoURL = Bundle.main.url(forResource: "video", withExtension: "mp4") else { return }
        player = AVPlayer(url: videoURL)
        
        // 創(chuàng)建 AVPlayerLayer 并添加到視圖層上
        playerLayer = AVPlayerLayer(player: player)
        playerLayer.frame = view.bounds
        view.layer.addSublayer(playerLayer)
    }
    
    // 播放按鈕點(diǎn)擊事件
    @IBAction func playButtonTapped(_ sender: Any) {
        player.play()
    }
    
    // 進(jìn)入畫中畫模式按鈕點(diǎn)擊事件
    @IBAction func pipButtonTapped(_ sender: Any) {
        let pipController = AVPictureInPictureController(playerLayer: playerLayer)
        if pipController.isPictureInPicturePossible {
            pipController.startPictureInPicture()
        }
    }
}

這個(gè)示例代碼中，假設(shè)你的項(xiàng)目中有一個(gè)名為 video.mp4 的視頻文件，代碼會(huì)使用 AVPlayer 和 AVPlayerLayer 來(lái)播放該視頻。當(dāng)用戶點(diǎn)擊播放按鈕時(shí)，視頻會(huì)在當(dāng)前視圖中播放；當(dāng)用戶點(diǎn)擊進(jìn)入畫中畫模式按鈕時(shí)，視頻會(huì)自動(dòng)進(jìn)入畫中畫模式，繼續(xù)在一個(gè)小窗口中播放。

要實(shí)現(xiàn)自定義播放器并支持畫中畫功能，你需要遵循以下步驟：

• 創(chuàng)建自定義播放器視圖，并添加 AVPlayerLayer 用于顯示視頻。
• 添加畫中畫按鈕，并在用戶點(diǎn)擊時(shí)啟動(dòng)畫中畫模式。
• 實(shí)現(xiàn) AVPictureInPictureControllerDelegate 協(xié)議，以便處理畫中畫模式的狀態(tài)變化。
• 將 AVPlayerLayer 添加到 AVPictureInPictureController 中，以便支持畫中畫功能。

下面是一個(gè)示例代碼，演示了如何實(shí)現(xiàn)自定義播放器并支持畫中畫功能：

import UIKit
import AVKit

class CustomPlayerViewController: UIViewController, AVPictureInPictureControllerDelegate {
    
    var player: AVPlayer!
    var playerLayer: AVPlayerLayer!
    var pipController: AVPictureInPictureController!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 創(chuàng)建 AVPlayer 對(duì)象
        guard let videoURL = Bundle.main.url(forResource: "video", withExtension: "mp4") else { return }
        player = AVPlayer(url: videoURL)
        
        // 創(chuàng)建 AVPlayerLayer 并添加到視圖層上
        playerLayer = AVPlayerLayer(player: player)
        playerLayer.frame = view.bounds
        view.layer.addSublayer(playerLayer)
        
        // 設(shè)置畫中畫控制器
        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()
        }
    }
    
    // 實(shí)現(xiàn) AVPictureInPictureControllerDelegate 協(xié)議方法
    func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
        print("畫中畫模式已經(jīng)開始")
    }
    
    func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
        print("畫中畫模式已經(jīng)結(jié)束")
    }
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)自定義播放器視圖控制器 CustomPlayerViewController，其中包含一個(gè)自定義播放器和一個(gè)畫中畫按鈕。當(dāng)用戶點(diǎn)擊畫中畫按鈕時(shí)，會(huì)啟動(dòng)畫中畫模式。我們還實(shí)現(xiàn)了 AVPictureInPictureControllerDelegate 協(xié)議來(lái)處理畫中畫模式的狀態(tài)變化。最后，我們將 AVPlayerLayer 添加到 AVPictureInPictureController 中，以便支持畫中畫功能。

騰訊直播拉流播放器V2TXLivePlayer支持畫中畫

/**
 * 開啟畫中畫功能，僅支持直播和快直播播放
 *
 * @param enable      YES: 開啟畫中畫功能; NO: 關(guān)閉畫中畫功能?！灸J(rèn)值】: NO。
 * @return 返回值 {@link V2TXLiveCode}。
 *         - V2TXLIVE_OK: 成功。
 */
- (V2TXLiveCode)enablePictureInPicture:(BOOL)enable;

// 開啟畫中畫功能
let resCode = player.enablePicture(inPicture: true)
ZYLogUtil.zy_debug("畫中畫 resCode:\(resCode.rawValue)")

開啟后臺(tái)畫中畫權(quán)限，即可實(shí)現(xiàn)

        // 設(shè)置音頻會(huì)話
        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