[swift] Swift에서 비디오 재생 시 텍스트 오버레이 추가하기

12 Dec 2023

swift

비디오 재생 시 텍스트를 오버레이하여 추가하는 것은 사용자에게 자세한 정보나 강조 포인트를 제공하는 데 도움이 될 수 있습니다. iOS 앱을 개발하거나 Swift를 사용하여 비디오 플레이어를 만들 때, 다음의 단계를 따라 텍스트 오버레이를 추가할 수 있습니다.

비디오 플레이어 생성

먼저, AVFoundation 프레임워크를 사용하여 비디오를 재생하는 데 필요한 컴포넌트를 설정합니다.

import AVKit
import AVFoundation

// 비디오 파일 URL 설정
let videoURL = URL(string: "your_video_url")

// AVPlayer 인스턴스 생성
let player = AVPlayer(url: videoURL!)

// AVPlayerViewController 인스턴스 생성
let playerViewController = AVPlayerViewController()
playerViewController.player = player

// ViewController에 플레이어 추가
self.addChild(playerViewController)
self.view.addSubview(playerViewController.view)
playerViewController.view.frame = self.view.frame
player.play() // 비디오 재생

텍스트 오버레이 추가

AVPlayerLayer를 사용하여 비디오 플레이어에 텍스트를 오버레이합니다.

// 텍스트 라벨 생성
let textLabel = UILabel(frame: CGRect(x: 20, y: 20, width: 200, height: 30))
textLabel.text = "Your overlay text"
textLabel.textColor = UIColor.white

// AVPlayerLayer에서 오버레이하고자 하는 레이어 식별
let overlayLayer = CALayer()
overlayLayer.addSublayer(textLabel.layer)
overlayLayer.frame = CGRect(x: 20, y: 20, width: 200, height: 30)

// 플레이어 레이어에 오버레이 레이어 추가
playerViewController.contentOverlayView?.layer.addSublayer(overlayLayer)

텍스트 스타일 및 위치 조정

텍스트의 스타일 및 위치를 조정하여 최종적으로 원하는 모습을 얻을 수 있습니다.

// 텍스트 스타일 및 위치 조정
textLabel.font = UIFont.boldSystemFont(ofSize: 18)
overlayLayer.frame = CGRect(x: 20, y: 20, width: 250, height: 50)

이제, Swift에서 비디오 재생 시 텍스트 오버레이를 추가하는 방법에 대해 알아보았습니다. 위의 코드를 사용하여 자세한 정보나 강조 포인트를 제공하는 멋진 비디오 플레이어를 구현해보세요!