Swift實現(xiàn)Picture in Picture(畫中畫)

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

下面是一個簡單的示例代碼猎莲,演示如何在 Swift 中使用 AVPictureInPictureController 實現(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 對象
        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 到當前視圖控制器
        addChild(playerViewController)
        view.addSubview(playerViewController.view)
        playerViewController.view.frame = view.bounds
        playerViewController.didMove(toParent: self)

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

    // 實現(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é)束")
    }

    // 添加按鈕或手勢來啟動 Picture in Picture 模式
    @IBAction func startPictureInPicture(_ sender: Any) {
        if pipController.isPictureInPicturePossible {
            pipController.startPictureInPicture()
        }
    }
}

在這個示例中绍弟,我們首先創(chuàng)建了一個 AVPlayer 對象來播放視頻,并將其設(shè)置給一個 AVPlayerViewController 對象著洼。然后樟遣,我們創(chuàng)建了一個 AVPictureInPictureController 對象,并將 AVPlayerViewController 的 playerLayer 設(shè)置給它身笤。最后豹悬,我們實現(xiàn)了 AVPictureInPictureControllerDelegate 協(xié)議,并在代理方法中處理 Picture in Picture 模式的開始和結(jié)束液荸。

請確保替換示例代碼中的 "YOUR_VIDEO_URL" 為你自己的視頻 URL瞻佛。此外,你可以通過添加按鈕或手勢來啟動 Picture in Picture 模式娇钱,以便用戶可以在需要時手動啟動涤久。

下面是一個示例代碼涡尘,演示了如何在 Swift 中使用 AVPlayer 和 AVPlayerLayer 實現(xiàn)視頻播放忍弛,并結(jié)合畫中畫功能:

import UIKit
import AVKit

class ViewController: UIViewController {
    
    var player: AVPlayer!
    var playerLayer: AVPlayerLayer!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 設(shè)置音頻會話
        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 對象
        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)
    }
    
    // 播放按鈕點擊事件
    @IBAction func playButtonTapped(_ sender: Any) {
        player.play()
    }
    
    // 進入畫中畫模式按鈕點擊事件
    @IBAction func pipButtonTapped(_ sender: Any) {
        let pipController = AVPictureInPictureController(playerLayer: playerLayer)
        if pipController.isPictureInPicturePossible {
            pipController.startPictureInPicture()
        }
    }
}

這個示例代碼中响迂,假設(shè)你的項目中有一個名為 video.mp4 的視頻文件,代碼會使用 AVPlayer 和 AVPlayerLayer 來播放該視頻细疚。當用戶點擊播放按鈕時蔗彤,視頻會在當前視圖中播放;當用戶點擊進入畫中畫模式按鈕時疯兼,視頻會自動進入畫中畫模式然遏,繼續(xù)在一個小窗口中播放。

要實現(xiàn)自定義播放器并支持畫中畫功能吧彪,你需要遵循以下步驟:

  • 創(chuàng)建自定義播放器視圖待侵,并添加 AVPlayerLayer 用于顯示視頻。
  • 添加畫中畫按鈕姨裸,并在用戶點擊時啟動畫中畫模式秧倾。
  • 實現(xiàn) AVPictureInPictureControllerDelegate 協(xié)議,以便處理畫中畫模式的狀態(tài)變化傀缩。
  • 將 AVPlayerLayer 添加到 AVPictureInPictureController 中那先,以便支持畫中畫功能。

下面是一個示例代碼赡艰,演示了如何實現(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 對象
        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()
        }
    }
    
    // 實現(xiàn) AVPictureInPictureControllerDelegate 協(xié)議方法
    func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
        print("畫中畫模式已經(jīng)開始")
    }
    
    func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
        print("畫中畫模式已經(jīng)結(jié)束")
    }
}

在這個示例中售淡,我們創(chuàng)建了一個自定義播放器視圖控制器 CustomPlayerViewController,其中包含一個自定義播放器和一個畫中畫按鈕慷垮。當用戶點擊畫中畫按鈕時揖闸,會啟動畫中畫模式。我們還實現(xiàn)了 AVPictureInPictureControllerDelegate 協(xié)議來處理畫中畫模式的狀態(tài)變化料身。最后汤纸,我們將 AVPlayerLayer 添加到 AVPictureInPictureController 中,以便支持畫中畫功能惯驼。

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

/**
 * 開啟畫中畫功能蹲嚣,僅支持直播和快直播播放
 *
 * @param enable      YES: 開啟畫中畫功能; NO: 關(guān)閉畫中畫功能∷钌【默認值】: NO隙畜。
 * @return 返回值 {@link V2TXLiveCode}。
 *         - V2TXLIVE_OK: 成功说贝。
 */
- (V2TXLiveCode)enablePictureInPicture:(BOOL)enable;
// 開啟畫中畫功能
let resCode = player.enablePicture(inPicture: true)
ZYLogUtil.zy_debug("畫中畫 resCode:\(resCode.rawValue)")

開啟后臺畫中畫權(quán)限议惰,即可實現(xiàn)

        // 設(shè)置音頻會話
        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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市乡恕,隨后出現(xiàn)的幾起案子言询,更是在濱河造成了極大的恐慌俯萎,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件运杭,死亡現(xiàn)場離奇詭異夫啊,居然都是意外死亡,警方通過查閱死者的電腦和手機辆憔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門撇眯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人虱咧,你說我怎么就攤上這事熊榛。” “怎么了腕巡?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵玄坦,是天一觀的道長。 經(jīng)常有香客問我绘沉,道長煎楣,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任梆砸,我火速辦了婚禮转质,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘帖世。我一直安慰自己休蟹,他們只是感情好,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布日矫。 她就那樣靜靜地躺著赂弓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪哪轿。 梳的紋絲不亂的頭發(fā)上盈魁,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天,我揣著相機與錄音窃诉,去河邊找鬼杨耙。 笑死,一個胖子當著我的面吹牛飘痛,可吹牛的內(nèi)容都是我干的珊膜。 我是一名探鬼主播,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼宣脉,長吁一口氣:“原來是場噩夢啊……” “哼车柠!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤竹祷,失蹤者是張志新(化名)和其女友劉穎谈跛,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體塑陵,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡感憾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了猿妈。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吹菱。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖彭则,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情占遥,我是刑警寧澤俯抖,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站瓦胎,受9級特大地震影響芬萍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜搔啊,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一柬祠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧负芋,春花似錦漫蛔、人聲如沸宁炫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽地梨。三九已至锨天,卻和暖如春毯盈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背病袄。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工搂赋, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人益缠。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓脑奠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親左刽。 傳聞我的和親對象是個殘疾皇子捺信,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容