二.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)
    }
}

结语

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

相关推荐
aqi004 小时前
FFmpeg开发笔记(七十二)Linux给FFmpeg集成MPEG-5视频编解码器EVC
android·ffmpeg·音视频·流媒体
花开花落的个人博客6 小时前
ESP32-S3开发板播放wav音频
音视频
顾道长生'12 小时前
(Arxiv-2025)通过动态 token 剔除实现无需训练的高效视频生成
计算机视觉·音视频·视频生成
每次的天空20 小时前
Android-自定义View的实战学习总结
android·学习·kotlin·音视频
爱分享的飘哥1 天前
【V6.0 - 听觉篇】当AI学会“听”:用声音特征捕捉视频的“情绪爽点”
人工智能·音视频
菜包eo1 天前
二维码驱动的独立站视频集成方案
网络·python·音视频
阿蒙Amon1 天前
【Python小工具】使用 OpenCV 获取视频时长的详细指南
python·opencv·音视频
aqi001 天前
FFmpeg开发笔记(七十一)使用国产的QPlayer2实现双播放器观看视频
android·ffmpeg·音视频·流媒体
正在走向自律1 天前
第二章-AIGC入门-开启AIGC音频探索之旅:从入门到实践(6/36)
人工智能·aigc·音视频·语音识别·ai音乐·ai 音频·智能语音助手
美狐美颜sdk2 天前
跨平台直播美颜SDK集成实录:Android/iOS如何适配贴纸功能
android·人工智能·ios·架构·音视频·美颜sdk·第三方美颜sdk