[英]SwiftUI + UIViewRepresentable: how would you have the UIViewRepresentable respond to a binding
語境
我正在實現一個應該公開play
、 pause
mute
和unmute
功能的視頻播放器。 在我的情況下,如果這些布爾設置作為綁定傳入,那將是理想的。 我有一個基本的UIViewRepresentable
在這里工作:
import SwiftUI
import AVKit
import UIKit
//MARK:- video player with play/pause API
struct MediaPlayerFeedItem : UIViewControllerRepresentable {
var urls: [String]
@Binding var shouldPlay: Bool
@Binding var shouldMute: Bool
var vc = AVPlayerViewController()
@State var pauseAll: Bool = false
//MARK:- API
// @use: play from beginning
func play(){
self._goPlay()
}
// @use: pause video
func pause(){
vc.player?.pause()
}
// @use respond to mute event
func mute(){
}
// @use: respond to umute event
func unmute(){
}
//MARK:- view
func makeUIViewController(context: Context) -> AVPlayerViewController {
if shouldPlay {
_goPlay()
} else {
let items = _makeItems()
if items.count > 0 {
let player = AVQueuePlayer(items: items)
vc.player = player
vc.showsPlaybackControls = false
vc.videoGravity = .resizeAspectFill
vc.player?.seek(to: .zero)
vc.player?.pause()
}
}
return vc
}
// @use: this fn will fire when `shouldPlay` is updated. at which point you can
// `play` or `pause` the video as desired
func updateUIViewController(_ uiViewController: AVPlayerViewController, context: Context) {
}
//MARK:- playback
private func _goPlay(){
let items = _makeItems()
guard items.count > 0 else { return }
let player = AVQueuePlayer(items: items)
vc.player = player
vc.showsPlaybackControls = false
vc.videoGravity = .resizeAspectFill
vc.player?.seek(to: .zero)
vc.player?.play()
NotificationCenter.default
.addObserver(
forName: NSNotification.Name.AVPlayerItemDidPlayToEndTime,
object: items[items.count-1],
queue: .main
){_ in
self._goPlay()
}
}
// @use: make a new set of avplayeritems before each
// invocation of _goPlay loop
private func _makeItems() -> [AVPlayerItem] {
return urls
.map{ URL(string: $0) }
.filter{ $0 != nil }
.map{ AVPlayerItem(url: $0!) }
}
}
采用:
MediaPlayerFeedItem(urls: [url1,url2], shouldPlay: $shouldPlay, shouldMute: .constant(true) )
問題是我不確定如何將UIViewRepresentable
與其綁定值連接起來。 也就是說,當shouldPlay
更改為 true 時,如果MediaPlayerFeedItem
自己調用play()
會很好。
================================================== =
更新
我忘了提到在早期的實現中,我有這個:
func updateUIViewController(_ uiViewController: AVPlayerViewController, context: Context) {
if shouldPlay {
play()
} else {
pause()
}
}
這就是MediaPlayerFeedItem
的行為真正令人困惑的地方。 updateViewController
及其各自的函數都按預期調用play
或pause
觸發,但在播放或暫停視頻方面似乎沒有做任何事情。
例如,如果將shouldPlay
設置為 true 值綁定的 init MediaPlayerFeedItem
設置為 true 值綁定,則無論稍后發生的暫停命令如何,視頻都會播放。 如果我將MediaPlayerFeedItem
初始化為shouldPlay
設置為 false 綁定,然后再次將其設置為 true,則視頻根本不會播放。 視頻加載,它只是在第一幀暫停。
我傾向於說問題出在_goPlay
函數本身,但如果我只是在makeUIViewController
函數中運行_goPlay
,無論shouldPlay
是否設置為 true,視頻都會播放和循環。
根據@aheze 的建議,我在play
、 pause
和_goPlay
函數中添加了打印語句,行為如下:@aheze 當我使用錯誤綁定初始化MediaFeedItem
時,我在初始化時得到 3 個pausing
打印。 然后 10 秒后,當我將shouldPlay
設置為 true 時,我得到一個play
打印語句,並且沒有后續的pause
語句。 有趣的是,我也從NotificationCenter
調用中的_goPlay
函數獲取loop play
打印語句,所以這意味着視頻正在播放......它只是沒有渲染。 注意我在每個循環中初始化所有新的AVPlayerItem
列表,這是必需的,因為我無法在不同的播放循環中共享它們。
請務必查看評論:
// @use: this fn will fire when `shouldPlay` is updated. at which point you can
// `play` or `pause` the video as desired
func updateUIViewController(_ uiViewController: AVPlayerViewController, context: Context) {
正如評論所說,每當更新shouldPlay
,都會調用updateUIViewController
。 所以,你可以做這樣的事情:
func updateUIViewController(_ uiViewController: AVPlayerViewController, context: Context) {
if shouldPlay {
play()
} else {
pause()
}
}
弄清楚了:
struct VideoPlayerView: UIViewRepresentable {
var urls: [URL]
var playOnLoad: Bool
@EnvironmentObject var appState: AppState
func makeUIView(context: Context) -> UIView {
return PlayerUIViewQueue(urls: urls, playOnLoad: playOnLoad, frame: .zero)
}
// @use: on `appState` context change, `play` `pause` or `resume` the video
func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<VideoPlayerView>) {
if let uiv = uiView as? PlayerUIViewQueue {
switch appState.getTokenPlayCommand() {
case .pause:
uiv.pause()
case .play:
uiv.playFromBeginning()
case .resume:
uiv.resume()
}
}
}
}
class PlayerUIViewQueue: UIView {
private var URLs: [URL]
// player references
private let playerLayer = AVPlayerLayer()
private var current_mutli : AVQueuePlayer? = nil
private var current_single: AVPlayer? = nil
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func layoutSubviews() {
super.layoutSubviews()
playerLayer.frame = bounds
}
init(urls: [URL], playOnLoad:Bool, frame: CGRect){
self.URLs = urls
super.init(frame: frame)
if self.URLs.count == 1 {
print("if case")
initSinglePlayer()
} else {
print("else case")
loopAll()
}
}
//MARK:- API
func resume(){
print("RESUMNING")
current_mutli?.play()
current_single?.play()
}
func pause(){
print("PAUSING")
current_mutli?.pause()
current_single?.pause()
}
func playFromBeginning(){
print("playFromBeginning")
current_mutli?.seek(to: .zero)
current_mutli?.play()
current_single?.seek(to: .zero)
current_single?.play()
}
//MARK:- player utils
private func initSinglePlayer(){
if URLs.count == 0 { return }
let player = AVPlayer(url: URLs[0])
player.actionAtItemEnd = .none
self.current_single = player
playerLayer.player = player
playerLayer.videoGravity = .resizeAspectFill
layer.addSublayer(playerLayer)
player.play()
NotificationCenter.default
.addObserver(
self,
selector: #selector(loopPlayerSingle(notification:)),
name: .AVPlayerItemDidPlayToEndTime,
object: player.currentItem
)
}
@objc func loopPlayerSingle(notification: Notification) {
if let playerItem = notification.object as? AVPlayerItem {
playerItem.seek(to: .zero, completionHandler: nil)
}
}
// @use: on each `loopAll()` invocation, reinit
// the player with all video `items`
private func loopAll(){
let items = URLs.map{ AVPlayerItem.init(url: $0) }
let player = AVQueuePlayer(items: items)
self.playerLayer.player = player
self.current_mutli = player
player.seek(to: .zero)
player.play()
playerLayer.videoGravity = .resizeAspectFill
layer.addSublayer(playerLayer)
NotificationCenter.default
.addObserver(
self,
selector: #selector(loopPlayerMulti(notification:)),
name: .AVPlayerItemDidPlayToEndTime,
object: player.items().last
)
}
@objc private func loopPlayerMulti(notification: Notification) {
loopAll()
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.