avplayer - 如何使用 SwiftUI 在 VStack 中显示我的 AVPlayer
问题描述
我创建了一个简单的 AVPlayer。(如果我没有正确创建它,请帮我修复它......)我想用 swift ui 在我的 VStack 中显示它,但我有点卡住了......
如果库里至少有AVPlayer View 组件,那就更简单了,但是我在库里没有找到……
这是我的代码ContentView.swift
:
//
// ContentView.swift
// test
//
// Created by Francis Dolbec on 2019-06-26.
// Copyright © 2019 Francis Dolbec. All rights reserved.
//
import SwiftUI
import AVKit
import AVFoundation
// MARK: variables
var hauteurMenuBar = NSApplication.shared.mainMenu?.menuBarHeight
var urlVideo = URL(string: "/Users/francisdolbec/Movies/Séries Télé/Rick et Morty/Rick.and.Morty.S01E01.VFQ.HDTV.1080p.x264-Kamek.mp4")
let player = AVPlayer(url: urlVideo!)
struct ContentView : View {
var body: some View {
VStack {
Text("Hello World")
.frame(maxWidth: .infinity, maxHeight: .infinity)
Text("PATATE!")
//player.play()
}
.frame(minWidth: 1024, idealWidth: 1440, maxWidth: .infinity, minHeight: (640-hauteurMenuBar!), idealHeight: (900-hauteurMenuBar!), maxHeight: .infinity)
}
}
#if DEBUG
struct ContentView_Previews : PreviewProvider {
static var previews: some View {
ContentView()
}
}
#endif
顺便说一句,如果有教程展示如何使用 swift ui 制作视频播放器,我将不胜感激!
编辑 我忘了说我正在开发一个macOS应用程序。
解决方案
当然,这是Chris Mash 在 Medium 上的教程。
基本上,您将一个嵌入AVPlayerLayer
到一个符合 的结构中UIViewRepresentable
,您将为任何UIView
想要与 SwiftUI 一起使用的组件执行此操作。
struct PlayerView: UIViewRepresentable {
func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<PlayerView>) {
}
func makeUIView(context: Context) -> UIView {
return PlayerUIView(frame: .zero)
}
}
实现的“肉”在PlayerUIView
类中完成:
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.play()
playerLayer.player = player
layer.addSublayer(playerLayer)
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func layoutSubviews() {
super.layoutSubviews()
playerLayer.frame = bounds
}
}
然后你像这样使用它:
var body: some View {
PlayerView()
}
推荐阅读
- python - set.difference 无论python中的换行符
- testing - 在 Safari Launcher 上设置默认网址
- angular - 重复使用屏幕进行编辑
- html - 更改移动视图中 2 列的显示顺序
- wordpress - Wordpress 点对点视频聊天(管理员到用户)插件或付费服务
- python - 无法在 MATLAB 中重现 Numpy 样式索引
- javascript - 1分30秒倒计时javascript
- ios - HTML 输入捕获和 iOS 问题
- swift - SCNGeometry 自定义形状出现黑色
- python - pandas df中的度假村值