将“`AVPlayerView`”包装在“`SwiftUI`”中的最佳实践？

Question

我想把AVPlayerView包装成SwiftUI。这是我的密码(操场)：

import PlaygroundSupport
import SwiftUI
import AVKit

class RecorderPlayerModel: ObservableObject {
    @Published var playerView: AVPlayerView

    init() {
        self.playerView = AVPlayerView()
        self.playerView.player = AVPlayer()
    }

    func reload(url: URL) {
        let asset = AVAsset(url: url)
        let item = AVPlayerItem(asset: asset)
        self.playerView.player?.replaceCurrentItem(with: item)
    }
}

struct RecorderPlayerView: NSViewRepresentable {
    typealias NSViewType = AVPlayerView

    var playerView: AVPlayerView

    func makeNSView(context: Context) -> AVPlayerView {
        return playerView
    }

    func updateNSView(_ nsView: AVPlayerView, context: Context) {}

}

struct ContentView: View {
    @StateObject var playerViewModel: RecorderPlayerModel = .init()

    var body: some View {
        VStack {
        RecorderPlayerView(playerView: playerViewModel.playerView)
            .clipShape(RoundedRectangle(cornerRadius: 8))
            .onAppear {
               let fileManager = FileManager.default
                if let url = URL(string: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerMeltdowns.mp4") {
                    Task {
                        do {
                            let (data, _) = try await URLSession.shared.data(from: url)

                            let fileUrl = fileManager.temporaryDirectory.appendingPathComponent("sample")
                                .appendingPathExtension(for: .mpeg4Movie)

                            try? fileManager.removeItem(at: fileUrl)
                            fileManager.createFile(atPath: fileUrl.path, contents: data)

                            playerViewModel.reload(url: fileUrl)
                        } catch {
                            print(error)
                        }
                    }
                }
            }

            Button {
                if playerViewModel.playerView.canBeginTrimming {
                    Task {
                        await playerViewModel.playerView.beginTrimming()
                    }
                }
            } label: {
                Text("trim")
            }
        }.frame(width: 500, height: 500, alignment: .center)
    }
}

PlaygroundPage.current.setLiveView(ContentView())

由于我想修剪视频，我不能直接使用VideoPlayer。但是在将AVPlayerView包装到NSViewRepresentable视图之后，trim视图总是会失去交互性。

复制方式:剪裁时双击anywhere 。

​

​

补充

当失去交互性时，控制台将记录

-[AVTrimIndicatorAccessibilityElement accessibilityHitTest:]: unrecognized selector sent to instance 0x600001916ce0

已更新

它并不是在所有型号的Mac上触发的。

Answer 1

我解决了问题。将.clipShape(...)应用于RecorderPlayerView似乎会造成问题。

只要删除行.clipShape(RoundedRectangle(cornerRadius: 8))就可以解决这个问题。

RecorderPlayerView(playerView: playerViewModel.playerView)
     // .clipShape(RoundedRectangle(cornerRadius: 8)) <-- remove this line
    .onAppear {
       ...
    }