🎥 영상 재생을 위하여

• iOS에서 영상/음성과 같은 미디어 프로그래밍을 다루기 위해서는 AVFoundation 프레임워크를 다뤄야 겠다고 생각할 것이다.
• 특히 커스텀 플레이어를 제작해야 하는 경우, AVKit보다는 AVFoundation을 선택해야 한다.
• 그 이유는 이곳과 이곳에 나와있듯이, AVKit은 UIKit위에 구현되어, 기본적인 UI를 제공하기에, 개발자가 커스텀 할 수 없다.
• 따라서 AVFoundation을 이용해 커스텀 플레이어를 제작해야 한다.
• Layover 앱 같은 경우, 다양한 뷰에서 영상 플레이어가 사용되고 있고, 공통적으로 사용할 수 있는 플레이어 뷰를 제작해 보려고 한다.

📺 AVPlayerLayer

• 커스텀 플레이어를 구현하기 위해서는 재생되는 객체를 보여주기 위한 역할을 하는 것이 필요한데 그 역할을 해주는 것이 AVPlayerLayer이다.

• CALayer를 상속한 class로 선언되어 있다.

• 공식 문서에, 이 객체의 일반적인 사용 예제 코드가 쓰여있다.

  /// A view that displays the visual contents of a player object.
  class PlayerView: UIView {
  
      // Override the property to make AVPlayerLayer the view's backing layer.
      override static var layerClass: AnyClass { AVPlayerLayer.self }
      
      // The associated player object.
      var player: AVPlayer? {
          get { playerLayer.player }
          set { playerLayer.player = newValue }
      }
      
      private var playerLayer: AVPlayerLayer { layer as! AVPlayerLayer }
  }
  

  • 코드를 살펴보면 AVPlayerLayer 타입을 UIView의 backing layer class로 오버라이드 하여 사용하라고 한다.
    • UIView와 CALayer의 관계에 대해서는 이전에 블로그에 정리했었다.
  • 결론적으로, 이 뷰의 드로잉을 담당하는 layer class를 AVplayerLayer 타입으로 설정하여, 영상의 표시를 처리시켜서 커스텀 플레이어 뷰를 구성할 수 있다.

⏯️ AVPlayer

• AVPlayer는 플레이어의 재생 동작을 제어하기 위해 필요하다.
• AVPlayerLayer의 프로퍼티로 속해서, 해당 layer와 연관되어 표시를 제어할 수 있다.
• AVPlayer는 재생 목록을 AVPlayerItem 타입으로 관리한다.

그래서 AVPlayerLayer를 layer로 두고, AVPlayer를 통한 영상 재생 인터페이스를 제공하는 뷰를 다음과 같이 구성했다. 다만, 영상 재생을 위한 AVPlayer 실제 객체는 외부에서 세팅해주도록 했다.

import UIKit
import AVFoundation

final class PlayerView: UIView {

    // MARK: - Properties

    // Override the property to make AVPlayerLayer the view's backing layer.
    override static var layerClass: AnyClass { AVPlayerLayer.self }

    // The associated player object.
    var player: AVPlayer? {
        get { playerLayer?.player }
        set { playerLayer?.player = newValue }
    }

    private var playerLayer: AVPlayerLayer? { layer as? AVPlayerLayer }

    // MARK: - Initializer

    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    required init?(coder: NSCoder) {
        super.init(coder: coder)
    }

    // MARK: View Life Cycle

    override func layoutSubviews() {
        super.layoutSubviews()
        playerLayer?.frame = bounds
    }

    // MARK: Methods

    func setVideoFillMode(_ mode: AVLayerVideoGravity) {
        playerLayer?.videoGravity = mode
    }

    func play() {
        playerLayer?.player?.play()
    }

    func pause() {
        playerLayer?.player?.pause()
    }

    func seek(to time: CMTime) {
        playerLayer?.player?.seek(to: time)
    }

    func isPlaying() -> Bool {
        return playerLayer?.player?.rate != 0 && playerLayer?.player?.error == nil
    }
}