2021-07-18 22:32:46 +00:00
|
|
|
import AVKit
|
2022-01-02 19:43:30 +00:00
|
|
|
#if os(iOS)
|
|
|
|
import CoreMotion
|
|
|
|
#endif
|
2021-10-05 20:20:09 +00:00
|
|
|
import Defaults
|
2021-07-18 22:32:46 +00:00
|
|
|
import Siesta
|
|
|
|
import SwiftUI
|
|
|
|
|
|
|
|
struct VideoPlayerView: View {
|
2021-11-08 16:29:35 +00:00
|
|
|
static let defaultAspectRatio = 16 / 9.0
|
2021-09-18 20:36:42 +00:00
|
|
|
static var defaultMinimumHeightLeft: Double {
|
2021-08-22 19:13:33 +00:00
|
|
|
#if os(macOS)
|
|
|
|
300
|
|
|
|
#else
|
|
|
|
200
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2021-11-03 23:00:17 +00:00
|
|
|
@State private var playerSize: CGSize = .zero
|
2021-12-19 23:36:12 +00:00
|
|
|
@State private var fullScreenDetails = false
|
2021-07-18 22:32:46 +00:00
|
|
|
|
2021-11-28 14:37:55 +00:00
|
|
|
@Environment(\.colorScheme) private var colorScheme
|
|
|
|
|
2021-08-22 19:13:33 +00:00
|
|
|
#if os(iOS)
|
2021-10-05 20:20:09 +00:00
|
|
|
@Environment(\.horizontalSizeClass) private var horizontalSizeClass
|
2021-08-22 19:13:33 +00:00
|
|
|
@Environment(\.verticalSizeClass) private var verticalSizeClass
|
2022-01-02 19:43:30 +00:00
|
|
|
|
|
|
|
@Default(.enterFullscreenInLandscape) private var enterFullscreenInLandscape
|
|
|
|
@Default(.honorSystemOrientationLock) private var honorSystemOrientationLock
|
2022-01-07 20:05:43 +00:00
|
|
|
@Default(.lockLandscapeOnRotation) private var lockLandscapeOnRotation
|
2022-01-02 19:43:30 +00:00
|
|
|
|
|
|
|
@State private var motionManager: CMMotionManager!
|
|
|
|
@State private var orientation = UIInterfaceOrientation.portrait
|
|
|
|
@State private var lastOrientation: UIInterfaceOrientation?
|
2021-08-22 19:13:33 +00:00
|
|
|
#endif
|
2021-08-16 22:46:18 +00:00
|
|
|
|
2021-12-24 19:20:05 +00:00
|
|
|
@EnvironmentObject<AccountsModel> private var accounts
|
2022-02-16 20:23:11 +00:00
|
|
|
@EnvironmentObject<PlayerControlsModel> private var playerControls
|
2021-10-05 20:20:09 +00:00
|
|
|
@EnvironmentObject<PlayerModel> private var player
|
2021-09-25 08:18:22 +00:00
|
|
|
|
2021-10-05 20:20:09 +00:00
|
|
|
var body: some View {
|
2021-11-04 22:01:27 +00:00
|
|
|
#if os(macOS)
|
|
|
|
HSplitView {
|
|
|
|
content
|
|
|
|
}
|
2021-12-24 19:20:05 +00:00
|
|
|
.onOpenURL { OpenURLHandler(accounts: accounts, player: player).handle($0) }
|
2021-12-19 17:17:04 +00:00
|
|
|
.frame(minWidth: 950, minHeight: 700)
|
2021-11-04 22:01:27 +00:00
|
|
|
#else
|
|
|
|
GeometryReader { geometry in
|
2021-11-03 23:00:17 +00:00
|
|
|
HStack(spacing: 0) {
|
|
|
|
content
|
2022-01-02 19:43:30 +00:00
|
|
|
.onAppear {
|
|
|
|
playerSize = geometry.size
|
|
|
|
|
|
|
|
#if os(iOS)
|
|
|
|
configureOrientationUpdatesBasedOnAccelerometer()
|
|
|
|
#endif
|
|
|
|
}
|
2021-11-03 23:00:17 +00:00
|
|
|
}
|
|
|
|
.onChange(of: geometry.size) { size in
|
|
|
|
self.playerSize = size
|
|
|
|
}
|
2022-02-16 20:23:11 +00:00
|
|
|
.onChange(of: fullScreenDetails) { value in
|
|
|
|
player.backend.setNeedsDrawing(!value)
|
|
|
|
}
|
2022-01-02 19:43:30 +00:00
|
|
|
#if os(iOS)
|
|
|
|
.onReceive(NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)) { _ in
|
|
|
|
handleOrientationDidChangeNotification()
|
|
|
|
}
|
|
|
|
.onDisappear {
|
2022-02-16 20:23:11 +00:00
|
|
|
guard !playerControls.playingFullscreen else {
|
2022-01-02 19:43:30 +00:00
|
|
|
return // swiftlint:disable:this implicit_return
|
|
|
|
}
|
|
|
|
|
|
|
|
if Defaults[.lockPortraitWhenBrowsing] {
|
|
|
|
Orientation.lockOrientation(.portrait, andRotateTo: .portrait)
|
|
|
|
} else {
|
|
|
|
Orientation.lockOrientation(.allButUpsideDown)
|
|
|
|
}
|
|
|
|
|
|
|
|
motionManager?.stopAccelerometerUpdates()
|
|
|
|
motionManager = nil
|
|
|
|
}
|
|
|
|
#endif
|
2021-11-04 22:01:27 +00:00
|
|
|
}
|
|
|
|
#endif
|
2021-07-18 22:32:46 +00:00
|
|
|
}
|
|
|
|
|
2021-10-05 20:20:09 +00:00
|
|
|
var content: some View {
|
|
|
|
Group {
|
2021-10-28 17:14:55 +00:00
|
|
|
Group {
|
2021-10-05 20:20:09 +00:00
|
|
|
#if os(tvOS)
|
2021-10-28 17:14:55 +00:00
|
|
|
player.playerView
|
2022-02-16 20:23:11 +00:00
|
|
|
.ignoresSafeArea(.all, edges: .all)
|
2021-10-05 20:20:09 +00:00
|
|
|
#else
|
|
|
|
GeometryReader { geometry in
|
|
|
|
VStack(spacing: 0) {
|
2022-02-16 20:23:11 +00:00
|
|
|
if !playerControls.playingFullscreen {
|
|
|
|
#if os(macOS)
|
2021-10-05 20:20:09 +00:00
|
|
|
PlaybackBar()
|
2022-02-16 20:23:11 +00:00
|
|
|
#endif
|
|
|
|
}
|
2021-07-18 22:32:46 +00:00
|
|
|
|
2021-10-05 20:20:09 +00:00
|
|
|
if player.currentItem.isNil {
|
|
|
|
playerPlaceholder(geometry: geometry)
|
2021-12-19 17:17:04 +00:00
|
|
|
} else if player.playingInPictureInPicture {
|
|
|
|
pictureInPicturePlaceholder(geometry: geometry)
|
2021-10-05 20:20:09 +00:00
|
|
|
} else {
|
2022-02-16 20:23:11 +00:00
|
|
|
ZStack(alignment: .top) {
|
|
|
|
switch player.activeBackend {
|
|
|
|
case .mpv:
|
|
|
|
player.mpvPlayerView
|
|
|
|
.overlay(GeometryReader { proxy in
|
|
|
|
Color.clear
|
|
|
|
.onAppear {
|
|
|
|
player.playerSize = proxy.size
|
|
|
|
player.mpvBackend.client?.setSize(proxy.size.width, proxy.size.height)
|
|
|
|
}
|
|
|
|
.onChange(of: proxy.size) { _ in
|
|
|
|
player.playerSize = proxy.size
|
|
|
|
player.mpvBackend.client?.setSize(proxy.size.width, proxy.size.height)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
case .appleAVPlayer:
|
|
|
|
player.avPlayerView
|
|
|
|
}
|
|
|
|
|
|
|
|
PlayerGestures()
|
|
|
|
|
|
|
|
PlayerControls(player: player)
|
|
|
|
}
|
|
|
|
.modifier(
|
|
|
|
VideoPlayerSizeModifier(
|
|
|
|
geometry: geometry,
|
|
|
|
aspectRatio: player.avPlayerBackend.controller?.aspectRatio,
|
|
|
|
fullScreen: playerControls.playingFullscreen
|
2021-12-19 17:17:04 +00:00
|
|
|
)
|
2022-02-16 20:23:11 +00:00
|
|
|
)
|
2021-08-22 19:13:33 +00:00
|
|
|
}
|
2021-10-05 20:20:09 +00:00
|
|
|
}
|
2022-02-16 20:23:11 +00:00
|
|
|
.frame(maxWidth: fullScreenLayout ? .infinity : nil, maxHeight: fullScreenLayout ? .infinity : nil)
|
|
|
|
|
2021-08-22 19:13:33 +00:00
|
|
|
#if os(iOS)
|
2022-02-16 20:23:11 +00:00
|
|
|
.onSwipeGesture(
|
|
|
|
up: {
|
|
|
|
withAnimation {
|
|
|
|
fullScreenDetails = true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
down: { player.hide() }
|
|
|
|
)
|
|
|
|
.onHover { hovering in
|
|
|
|
hovering ? playerControls.show() : playerControls.hide()
|
|
|
|
}
|
2021-10-05 20:20:09 +00:00
|
|
|
#endif
|
|
|
|
|
2022-02-16 20:23:11 +00:00
|
|
|
.background(Color.black)
|
2021-10-05 20:20:09 +00:00
|
|
|
|
2022-02-16 20:23:11 +00:00
|
|
|
if !playerControls.playingFullscreen {
|
|
|
|
Group {
|
|
|
|
#if os(iOS)
|
|
|
|
if verticalSizeClass == .regular {
|
|
|
|
VideoDetails(sidebarQueue: sidebarQueueBinding, fullScreen: $fullScreenDetails)
|
|
|
|
}
|
2021-10-05 20:20:09 +00:00
|
|
|
|
2022-02-16 20:23:11 +00:00
|
|
|
#else
|
|
|
|
VideoDetails(sidebarQueue: sidebarQueueBinding, fullScreen: $fullScreenDetails)
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
.background(colorScheme == .dark ? Color.black : Color.white)
|
|
|
|
.modifier(VideoDetailsPaddingModifier(
|
|
|
|
geometry: geometry,
|
|
|
|
aspectRatio: player.avPlayerBackend.controller?.aspectRatio,
|
|
|
|
fullScreen: fullScreenDetails
|
|
|
|
))
|
2021-10-05 20:20:09 +00:00
|
|
|
}
|
2021-08-22 19:13:33 +00:00
|
|
|
}
|
2021-10-05 20:20:09 +00:00
|
|
|
#endif
|
|
|
|
}
|
2022-02-16 20:23:11 +00:00
|
|
|
.background(((colorScheme == .dark || fullScreenLayout) ? Color.black : Color.white).edgesIgnoringSafeArea(.all))
|
2021-10-05 20:20:09 +00:00
|
|
|
#if os(macOS)
|
2021-12-02 20:35:42 +00:00
|
|
|
.frame(minWidth: 650)
|
2021-10-05 20:20:09 +00:00
|
|
|
#endif
|
2022-02-16 20:23:11 +00:00
|
|
|
if !playerControls.playingFullscreen {
|
|
|
|
#if os(iOS)
|
|
|
|
if sidebarQueue {
|
|
|
|
PlayerQueueView(sidebarQueue: .constant(true), fullScreen: $fullScreenDetails)
|
|
|
|
.frame(maxWidth: 350)
|
|
|
|
}
|
|
|
|
#elseif os(macOS)
|
|
|
|
if Defaults[.playerSidebar] != .never {
|
|
|
|
PlayerQueueView(sidebarQueue: sidebarQueueBinding, fullScreen: $fullScreenDetails)
|
|
|
|
.frame(minWidth: 300)
|
|
|
|
}
|
|
|
|
#endif
|
|
|
|
}
|
2021-07-18 22:32:46 +00:00
|
|
|
}
|
2022-02-16 20:23:11 +00:00
|
|
|
.ignoresSafeArea(.all, edges: fullScreenLayout ? .vertical : Edge.Set())
|
|
|
|
.statusBar(hidden: playerControls.playingFullscreen)
|
|
|
|
.navigationBarHidden(true)
|
|
|
|
}
|
|
|
|
|
|
|
|
var fullScreenLayout: Bool {
|
|
|
|
playerControls.playingFullscreen || verticalSizeClass == .compact
|
2021-10-05 20:20:09 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
func playerPlaceholder(geometry: GeometryProxy) -> some View {
|
|
|
|
HStack {
|
|
|
|
Spacer()
|
|
|
|
VStack {
|
|
|
|
Spacer()
|
|
|
|
VStack(spacing: 10) {
|
|
|
|
#if !os(tvOS)
|
|
|
|
Image(systemName: "ticket")
|
2021-10-19 21:27:04 +00:00
|
|
|
.font(.system(size: 120))
|
2021-10-05 20:20:09 +00:00
|
|
|
#endif
|
|
|
|
}
|
|
|
|
Spacer()
|
|
|
|
}
|
|
|
|
.foregroundColor(.gray)
|
|
|
|
Spacer()
|
2021-07-18 22:32:46 +00:00
|
|
|
}
|
2021-10-05 20:20:09 +00:00
|
|
|
.contentShape(Rectangle())
|
|
|
|
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: geometry.size.width / VideoPlayerView.defaultAspectRatio)
|
2021-07-18 22:32:46 +00:00
|
|
|
}
|
2021-08-22 19:13:33 +00:00
|
|
|
|
2021-12-19 17:17:04 +00:00
|
|
|
func pictureInPicturePlaceholder(geometry: GeometryProxy) -> some View {
|
|
|
|
HStack {
|
|
|
|
Spacer()
|
|
|
|
VStack {
|
|
|
|
Spacer()
|
|
|
|
VStack(spacing: 10) {
|
|
|
|
#if !os(tvOS)
|
|
|
|
Image(systemName: "pip")
|
|
|
|
.font(.system(size: 120))
|
|
|
|
#endif
|
|
|
|
|
|
|
|
Text("Playing in Picture in Picture")
|
|
|
|
}
|
|
|
|
Spacer()
|
|
|
|
}
|
|
|
|
.foregroundColor(.gray)
|
|
|
|
Spacer()
|
|
|
|
}
|
|
|
|
.contextMenu {
|
|
|
|
Button {
|
|
|
|
player.closePiP()
|
|
|
|
} label: {
|
|
|
|
Label("Exit Picture in Picture", systemImage: "pip.exit")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.contentShape(Rectangle())
|
|
|
|
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: geometry.size.width / VideoPlayerView.defaultAspectRatio)
|
|
|
|
}
|
|
|
|
|
2021-11-03 23:00:17 +00:00
|
|
|
var sidebarQueue: Bool {
|
|
|
|
switch Defaults[.playerSidebar] {
|
|
|
|
case .never:
|
|
|
|
return false
|
|
|
|
case .always:
|
|
|
|
return true
|
|
|
|
case .whenFits:
|
|
|
|
return playerSize.width > 900
|
2021-10-05 20:20:09 +00:00
|
|
|
}
|
2021-11-03 23:00:17 +00:00
|
|
|
}
|
2021-10-05 20:20:09 +00:00
|
|
|
|
2021-11-03 23:00:17 +00:00
|
|
|
var sidebarQueueBinding: Binding<Bool> {
|
|
|
|
Binding(
|
|
|
|
get: { sidebarQueue },
|
|
|
|
set: { _ in }
|
|
|
|
)
|
|
|
|
}
|
2022-01-02 19:43:30 +00:00
|
|
|
|
|
|
|
#if os(iOS)
|
|
|
|
private func configureOrientationUpdatesBasedOnAccelerometer() {
|
2022-01-07 20:05:43 +00:00
|
|
|
if UIDevice.current.orientation.isLandscape,
|
|
|
|
enterFullscreenInLandscape,
|
2022-02-16 20:23:11 +00:00
|
|
|
!playerControls.playingFullscreen,
|
2022-01-07 20:05:43 +00:00
|
|
|
!player.playingInPictureInPicture
|
|
|
|
{
|
2022-01-02 19:43:30 +00:00
|
|
|
DispatchQueue.main.async {
|
|
|
|
player.enterFullScreen()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
guard !honorSystemOrientationLock, motionManager.isNil else {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
motionManager = CMMotionManager()
|
|
|
|
motionManager.accelerometerUpdateInterval = 0.2
|
|
|
|
motionManager.startAccelerometerUpdates(to: OperationQueue()) { data, _ in
|
2022-01-07 20:05:43 +00:00
|
|
|
guard player.presentingPlayer, !player.playingInPictureInPicture, !data.isNil else {
|
2022-01-02 19:43:30 +00:00
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
guard let acceleration = data?.acceleration else {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
var orientation = UIInterfaceOrientation.unknown
|
|
|
|
|
|
|
|
if acceleration.x >= 0.65 {
|
|
|
|
orientation = .landscapeLeft
|
|
|
|
} else if acceleration.x <= -0.65 {
|
|
|
|
orientation = .landscapeRight
|
|
|
|
} else if acceleration.y <= -0.65 {
|
|
|
|
orientation = .portrait
|
|
|
|
} else if acceleration.y >= 0.65 {
|
|
|
|
orientation = .portraitUpsideDown
|
|
|
|
}
|
|
|
|
|
|
|
|
guard lastOrientation != orientation else {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
lastOrientation = orientation
|
|
|
|
|
|
|
|
if orientation.isLandscape {
|
|
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.8) {
|
|
|
|
guard enterFullscreenInLandscape else {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
player.enterFullScreen()
|
|
|
|
|
2022-01-07 20:05:43 +00:00
|
|
|
let orientationLockMask = orientation == .landscapeLeft ?
|
|
|
|
UIInterfaceOrientationMask.landscapeLeft : .landscapeRight
|
2022-01-02 19:43:30 +00:00
|
|
|
|
|
|
|
Orientation.lockOrientation(orientationLockMask, andRotateTo: orientation)
|
|
|
|
|
2022-01-07 20:05:43 +00:00
|
|
|
guard lockLandscapeOnRotation else {
|
2022-01-02 19:43:30 +00:00
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
player.lockedOrientation = orientation
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
guard abs(acceleration.z) <= 0.74,
|
|
|
|
player.lockedOrientation.isNil,
|
|
|
|
enterFullscreenInLandscape
|
|
|
|
else {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.4) {
|
|
|
|
player.exitFullScreen()
|
|
|
|
}
|
|
|
|
|
|
|
|
Orientation.lockOrientation(.portrait)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
private func handleOrientationDidChangeNotification() {
|
|
|
|
let newOrientation = UIApplication.shared.windows.first?.windowScene?.interfaceOrientation
|
2022-01-07 20:05:43 +00:00
|
|
|
if newOrientation?.isLandscape ?? false,
|
|
|
|
player.presentingPlayer,
|
|
|
|
lockLandscapeOnRotation,
|
|
|
|
!player.lockedOrientation.isNil
|
|
|
|
{
|
2022-01-02 19:43:30 +00:00
|
|
|
Orientation.lockOrientation(.landscape, andRotateTo: newOrientation)
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
guard player.presentingPlayer, enterFullscreenInLandscape, honorSystemOrientationLock else {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
if UIDevice.current.orientation.isLandscape {
|
|
|
|
DispatchQueue.main.async {
|
|
|
|
player.lockedOrientation = newOrientation
|
|
|
|
player.enterFullScreen()
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
DispatchQueue.main.async {
|
|
|
|
player.exitFullScreen()
|
|
|
|
}
|
|
|
|
|
|
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.8) {
|
|
|
|
player.exitFullScreen()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#endif
|
2021-08-22 19:13:33 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
struct VideoPlayerView_Previews: PreviewProvider {
|
|
|
|
static var previews: some View {
|
2021-10-05 20:20:09 +00:00
|
|
|
VideoPlayerView()
|
|
|
|
.injectFixtureEnvironmentObjects()
|
2021-08-22 19:13:33 +00:00
|
|
|
}
|
2021-07-18 22:32:46 +00:00
|
|
|
}
|