gpt4 book ai didi

uikit - 在 SwiftUI 中,如何将循环添加视频作为全屏背景图像?

转载 作者:行者123 更新时间:2023-12-04 00:59:18 26 4
gpt4 key购买 nike

我有一个大约 10 秒长的视频,我想在我的一个 SwiftUI View 中作为全屏背景图像循环播放。我该如何实现?

第一个想法是与 Swift 的 import AVFoundation 合作。 ,但不确定这是否是正确的路径。

最佳答案

您可以使用 AV框架系列和 UIViewRepresentable去做这个:

import SwiftUI
import AVKit

struct PlayerView: UIViewRepresentable {
func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<PlayerView>) {
}

func makeUIView(context: Context) -> UIView {
return PlayerUIView(frame: .zero)
}
}
为了让视频循环播放,我添加了一个观察者并设置了 actionAtItemEnd.none支持循环。
当视频结束时,它将执行 playerItemDidReachEnd(...)方法并寻找视频的开头并继续循环。
该示例指向远程视频 URL。如果要指向应用程序中的文件,可以使用 Bundle.main.url这样做:
if let fileURL = Bundle.main.url(forResource: "IMG_2770", withExtension: "MOV") {
let player = AVPlayer(url: fileURL)
// ...
}

class PlayerUIView: UIView {
private let playerLayer = AVPlayerLayer()

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

let url = URL(string: "https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8")!
let player = AVPlayer(url: url)
player.actionAtItemEnd = .none
player.play()

playerLayer.player = player
playerLayer.videoGravity = .resizeAspectFill

NotificationCenter.default.addObserver(self,
selector: #selector(playerItemDidReachEnd(notification:)),
name: .AVPlayerItemDidPlayToEndTime,
object: player.currentItem)

layer.addSublayer(playerLayer)
}

@objc func playerItemDidReachEnd(notification: Notification) {
if let playerItem = notification.object as? AVPlayerItem {
playerItem.seek(to: .zero, completionHandler: nil)
}
}

required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}

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

struct ContentView: View {
var body: some View {
NavigationView {
ZStack {
PlayerView()
.edgesIgnoringSafeArea(.all)
}
}
}
}

关于uikit - 在 SwiftUI 中,如何将循环添加视频作为全屏背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59937756/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com