二.AV Foundation 视频播放 - 创建播放器

引言

当我们探讨播放功能时,上一篇文章简要介绍了与核心类和API相关的内容,并提供了一个简单的播放案例。然而,实际使用视频播放器时,我们通常不会采用类似的写法,而是更倾向于构建一个完整、可重用的播放组件。在接下来的部分,让我们深入探讨创建播放组件的过程。

本篇博客我们先来实现一个简单的仅可播放的是播放组件,后续会不断地丰富它的功能。

创建播放视图

首先我们创建一个可以用来显示视频内容的视图,创建一个名PHPlayerView的类。

Swift 复制代码
import UIKit
import AVFoundation

class PHPlayerView: UIView {

    /// 重写layerClass方法,
    override class var layerClass: AnyClass{
        get {
            return AVPlayerLayer.self
        }
    }
    
    /// 重写init方法
    ///
    /// - Parameters:
    ///   - player: 播放器
    init(player:AVPlayer) {
        super.init(frame: CGRectZero)
        guard let playerLayer = self.layer as? AVPlayerLayer else { return }
        playerLayer.player = player
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

1.通过重写layerClass熟悉的get方法,使得AVPlayerLayer为PHPlayerView的支持图层。

2.自定义一个init方法将player与AVPlayerLayer图层进行关联。

创建视频控制器

视频控制器里面封装了我们创建的播放器组件的所有功能,也是我们处理系统核心播放API的地方。创建一个名为PHPlayerController的类。

Swift 复制代码
import UIKit
import AVFoundation

let status_keypath = "status"
var playerItemContext = 0

class PHPlayerController: NSObject {
    
    /// 资源
    private var asset:AVAsset?
    /// AVPlatyerItem
    private var playerItem:AVPlayerItem?
    /// AVPlayer
    private var player:AVPlayer?
    /// 播放视图
    private var playerView:PHPlayerView?
    /// 只读属性view返回PHPlayerView实例
    var view:UIView? {
        get {
            return playerView
        }
    }
    
    /// 重写init方法
    ///
    /// - Parameters:
    ///   - url: 资源URL
    init(url:URL) {
        super.init()
        asset = AVAsset(url: url)
        prepareToPlay()
    }
    
    
    /// 准备播放
    private func prepareToPlay() {
        let keys = ["tracks","duration","commonMetadata"]
        guard let asset = asset else { return }
        playerItem = AVPlayerItem(asset: asset, automaticallyLoadedAssetKeys: keys)
        guard let playerItem = playerItem else { return }
        player = AVPlayer(playerItem: playerItem)
        guard let player = player else { return }
        playerView = PHPlayerView(player: player)
        playerItem.addObserver(self, forKeyPath: status_keypath, context: &playerItemContext)
    }
    
    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if context == &playerItemContext {
            guard let playerItem = playerItem else { return }
            guard let player = player else { return }
            if playerItem.status == .readyToPlay{
                playerItem.removeObserver(self, forKeyPath: status_keypath)
                player.play()
            }
        } else {
            super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
        }
    }

}

1.在PHPlayerController中定义了一系列的视频播放使用的对象,还有视频播放视图PHPlayerView的实例,以及一个只读属性view返回播放视图。

2.自定义初始化方法传入资源的URL。

3.定义私有方法prepareToPlay创建播放器及播放视图,通过init (asset: AVAsset, automaticallyLoadedAssetKeys: String?)方法,让框架自动载入资源的tracks,duration,commonMetadata属性,使用KVO监听AVPlayerItem的status属性。

4.实现监听的方法,当属性由.unknown变为.readyToPlay的时候,palyer调用playe方法来进行视频播放。

播放组件使用

一个带有视频播放功能的播放组件就已经构建完成了,下面我们就在视图控制器来开始使用它。

Swift 复制代码
class ViewController: UIViewController {

    /// 播放控制器
    var playerController:PHPlayerController?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        guard let url = Bundle.main.url(forResource: "waves", withExtension: "mp4")  else { return }
        playerController = PHPlayerController(url: url)
        guard let playerView = playerController?.view else { return }
        playerView.frame = view.bounds
        view.addSubview(playerView)
    }
}

结语

使用的代码并不多,但我们的确已经实现了一个可以播放的视频组件,下面我们会逐步的往组件中添加播放,暂停,快进等各种提升用户体验的功能。

相关推荐
潜创微科技7 小时前
HDMI1.3 无线传输芯片方案 空旷 150 米量产级音视频方案
音视频
VidDown8 小时前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
换个昵称都难8 小时前
音频格式之WAV
音视频
AI创界者8 小时前
PilotTTS 一键整合包(Win/Mac):8G 显存畅跑,实测解锁情绪与副语言的精准控制
人工智能·macos·aigc·音视频
u152109648499 小时前
S.S.Audio PRO A2音频隔离器
嵌入式硬件·音视频·实时音视频·视频编解码·视频
VidDown11 小时前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
EasyDSS12 小时前
全能音视频平台/私有化音视频系统EasyDSS!直播/点播/会议/集群对讲一站式落地
音视频
Damon_X12 小时前
车载音频复习
音视频
3DVisionary13 小时前
告别数据中断:XTDIC-VG视频引伸计在金属疲劳测试中3个真实案例
人工智能·音视频·应用案例·xtdic-vg·视频引伸计·疲劳测试·实战复盘
VidDown14 小时前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频