[ios] 미디어 재생을 위한 UI 커스터마이징

14 Dec 2023

iOS 앱에서 미디어 재생을 구현할 때 UI를 사용자 정의하고 싶을 때가 있습니다. 따라서 이번 블로그에서는 iOS 앱에서 미디어 재생을 위한 UI를 커스터마이징 하는 방법을 살펴보겠습니다.

AVPlayerLayer를 사용한 동영상 재생

iOS 앱에서 동영상을 재생하기 위해서 AVPlayerLayer를 사용할 수 있습니다. AVPlayerLayer는 동영상 재생을 위한 쉬운 인터페이스를 제공하며, UI를 사용자 정의할 수 있습니다.

import AVKit
import AVFoundation
import UIKit

class VideoPlayerViewController: UIViewController {
    var player: AVPlayer?

    override func viewDidLoad() {
        super.viewDidLoad()

        let videoURL = URL(string: "https://www.example.com/sample.mp4")
        player = AVPlayer(url: videoURL!)

        let playerLayer = AVPlayerLayer(player: player)
        playerLayer.frame = view.bounds
        playerLayer.videoGravity = .resizeAspectFill
        view.layer.addSublayer(playerLayer)

        player?.play()
    }
}

위의 코드는 AVPlayerLayer를 사용하여 동영상을 재생하는 간단한 예제입니다.

커스텀 미디어 플레이어 UI 구성

AVPlayerLayer로 동영상을 재생하고 나면, 미디어 플레이어 UI를 커스터마이징할 수 있습니다.

아래는 미디어 플레이어 UI를 커스터마이징하는 예제 코드입니다.

class CustomVideoPlayerViewController: UIViewController {
    var player: AVPlayer?

    override func viewDidLoad() {
        super.viewDidLoad()

        let videoURL = URL(string: "https://www.example.com/sample.mp4")
        player = AVPlayer(url: videoURL!)

        let playerViewController = AVPlayerViewController()
        playerViewController.player = player

        // Replace the default player UI with custom UI
        // (Add your custom UI elements and layout here)

        present(playerViewController, animated: true) {
            self.player?.play()
        }
    }
}

위의 코드에서는 AVPlayerViewController를 사용하여 미디어 플레이어 UI를 구성하고, custom UI를 추가하는 방법을 보여줍니다.

이와 같이 iOS 앱에서 미디어 재생을 위한 UI를 커스터마이징하는 방법을 살펴봤습니다. AVPlayerLayer 및 AVPlayerViewController를 사용하여 동영상을 재생하고, 커스텀 미디어 플레이어 UI를 구성하는 방법을 익히면 사용자 정의 미디어 재생 환경을 구현할 수 있습니다.

참고 문헌: