yattee/Shared/Player/VideoPlayerView.swift

495 lines
18 KiB
Swift
Raw Normal View History

2021-07-18 22:32:46 +00:00
import AVKit
#if os(iOS)
import CoreMotion
#endif
import Defaults
2022-08-31 19:24:46 +00:00
import Repeat
2021-07-18 22:32:46 +00:00
import Siesta
import SwiftUI
struct VideoPlayerView: View {
2022-05-29 12:29:43 +00:00
#if os(iOS)
2022-08-25 17:09:55 +00:00
static let hiddenOffset = UIScreen.main.bounds.height
2022-08-08 18:02:46 +00:00
static let defaultSidebarQueueValue = UIScreen.main.bounds.width > 900 && Defaults[.playerSidebar] == .whenFits
#else
static let defaultSidebarQueueValue = Defaults[.playerSidebar] != .never
2022-05-29 12:29:43 +00:00
#endif
#if os(macOS)
static let hiddenOffset = 0.0
#endif
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
}
2022-11-13 17:52:15 +00:00
@State private var playerSize: CGSize = .zero { didSet { updateSidebarQueue() } }
2022-02-27 20:31:17 +00:00
@State private var hoveringPlayer = false
@State private var fullScreenDetails = false
2022-08-08 18:02:46 +00:00
@State private var sidebarQueue = defaultSidebarQueueValue
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)
@Environment(\.verticalSizeClass) private var verticalSizeClass
@State internal var orientation = UIInterfaceOrientation.portrait
@State internal var lastOrientation: UIInterfaceOrientation?
2022-08-31 19:24:46 +00:00
@State internal var orientationDebouncer = Debouncer(.milliseconds(300))
2022-02-27 20:31:17 +00:00
#elseif os(macOS)
2022-07-10 22:42:47 +00:00
var hoverThrottle = Throttle(interval: 0.5)
2022-02-27 20:31:17 +00:00
var mouseLocation: CGPoint { NSEvent.mouseLocation }
2021-08-22 19:13:33 +00:00
#endif
2021-08-16 22:46:18 +00:00
#if !os(tvOS)
@GestureState internal var dragGestureState = false
@GestureState internal var dragGestureOffset = CGSize.zero
@State internal var isHorizontalDrag = false
@State internal var isVerticalDrag = false
@State internal var viewDragOffset = Self.hiddenOffset
@State internal var orientationObserver: Any?
2022-11-13 12:15:44 +00:00
@State internal var orientationNotification: Any?
#endif
@EnvironmentObject<PlayerModel> internal var player
2022-08-28 22:21:12 +00:00
#if os(macOS)
2022-11-12 23:07:23 +00:00
@EnvironmentObject<NavigationModel> internal var navigation
2022-08-28 22:21:12 +00:00
@EnvironmentObject<SearchModel> internal var search
#endif
2022-11-12 23:07:23 +00:00
#if os(tvOS)
@EnvironmentObject<ThumbnailsModel> private var thumbnails
#endif
@Default(.horizontalPlayerGestureEnabled) var horizontalPlayerGestureEnabled
@Default(.seekGestureSpeed) var seekGestureSpeed
2022-08-29 12:07:27 +00:00
@Default(.seekGestureSensitivity) var seekGestureSensitivity
2022-11-13 17:52:15 +00:00
@Default(.playerSidebar) var playerSidebar
2021-09-25 08:18:22 +00:00
2022-09-01 23:05:31 +00:00
@ObservedObject internal var controlsOverlayModel = ControlOverlaysModel.shared
var body: some View {
2022-08-14 17:06:22 +00:00
ZStack(alignment: overlayAlignment) {
videoPlayer
2022-08-23 21:15:00 +00:00
.zIndex(-1)
2022-08-14 17:06:22 +00:00
#if os(iOS)
2022-09-01 23:05:31 +00:00
.gesture(controlsOverlayModel.presenting ? videoPlayerCloseControlsOverlayGesture : nil)
2022-08-14 17:06:22 +00:00
#endif
overlay
2022-08-14 17:06:22 +00:00
}
2022-08-20 20:31:03 +00:00
.onAppear {
if player.musicMode {
player.backend.startControlsUpdates()
}
2022-11-13 17:52:15 +00:00
updateSidebarQueue()
}
.onChange(of: playerSidebar) { _ in
updateSidebarQueue()
2022-08-20 20:31:03 +00:00
}
2022-08-14 17:06:22 +00:00
}
var videoPlayer: some View {
2022-06-24 23:39:29 +00:00
#if DEBUG
// TODO: remove
if #available(iOS 15.0, macOS 12.0, *) {
2022-08-08 18:02:46 +00:00
Self._printChanges()
2022-06-24 23:39:29 +00:00
}
#endif
2021-11-04 22:01:27 +00:00
#if os(macOS)
2022-08-14 17:06:22 +00:00
return GeometryReader { geometry in
HSplitView {
content
2022-08-14 17:58:46 +00:00
}
.onAppear {
playerSize = geometry.size
2022-08-14 17:06:22 +00:00
}
2021-11-04 22:01:27 +00:00
}
2022-06-24 22:48:57 +00:00
.alert(isPresented: $navigation.presentingAlertInVideoPlayer) { navigation.alert }
2022-11-12 23:07:23 +00:00
.onOpenURL(perform: OpenURLHandler.shared.handle)
.frame(minWidth: 950, minHeight: 700)
2021-11-04 22:01:27 +00:00
#else
return GeometryReader { geometry in
2022-04-03 22:33:09 +00:00
HStack(spacing: 0) {
content
.onAppear {
playerSize = geometry.size
}
}
.onChange(of: geometry.size) { size in
self.playerSize = size
}
.onChange(of: fullScreenDetails) { value in
player.backend.setNeedsDrawing(!value)
}
2022-08-25 17:09:55 +00:00
#if os(iOS)
.frame(width: playerWidth.isNil ? nil : Double(playerWidth!), height: playerHeight.isNil ? nil : Double(playerHeight!))
.ignoresSafeArea(.all, edges: playerEdgesIgnoringSafeArea)
2022-09-01 18:17:51 +00:00
.onChange(of: player.presentingPlayer) { newValue in
if newValue {
viewDragOffset = 0
} else {
viewDragOffset = Self.hiddenOffset
}
}
2022-08-08 18:02:46 +00:00
.onAppear {
2022-08-25 17:09:55 +00:00
viewDragOffset = 0
2022-08-25 17:09:55 +00:00
Delay.by(0.2) {
configureOrientationUpdatesBasedOnAccelerometer()
2022-07-10 23:26:35 +00:00
if let orientationMask = player.lockedOrientation {
Orientation.lockOrientation(
orientationMask,
andRotateTo: orientationMask == .landscapeLeft ? .landscapeLeft : orientationMask == .landscapeRight ? .landscapeRight : .portrait
)
2022-11-13 12:15:44 +00:00
} else {
Orientation.lockOrientation(.allButUpsideDown)
2022-07-10 23:26:35 +00:00
}
2022-08-25 17:09:55 +00:00
}
2022-08-08 18:02:46 +00:00
}
.onDisappear {
2022-08-25 17:09:55 +00:00
if Defaults[.lockPortraitWhenBrowsing] {
Orientation.lockOrientation(.portrait, andRotateTo: .portrait)
} else {
Orientation.lockOrientation(.allButUpsideDown)
}
stopOrientationUpdates()
2022-09-01 18:01:01 +00:00
player.controls.hideOverlays()
2022-11-13 12:15:44 +00:00
}
.onReceive(NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)) { _ in
guard player.lockedOrientation.isNil else {
return
}
2022-11-13 12:15:44 +00:00
Orientation.lockOrientation(.allButUpsideDown, andRotateTo: OrientationTracker.shared.currentInterfaceOrientation)
2022-05-29 12:29:43 +00:00
}
2022-08-25 17:09:55 +00:00
.onAnimationCompleted(for: viewDragOffset) {
guard !dragGestureState else { return }
if viewDragOffset == 0 {
2022-08-26 08:25:07 +00:00
player.onPresentPlayer.forEach { $0() }
player.onPresentPlayer = []
2022-08-25 17:09:55 +00:00
} else if viewDragOffset == Self.hiddenOffset {
player.hide(animate: false)
}
}
#endif
2021-11-04 22:01:27 +00:00
}
2022-05-29 20:30:00 +00:00
#if os(iOS)
2022-08-29 15:58:40 +00:00
.onChange(of: dragGestureState) { newValue in
guard !newValue else { return }
onPlayerDragGestureEnded()
}
.offset(y: playerOffset)
.animation(dragGestureState ? .interactiveSpring(response: 0.05) : .easeOut(duration: 0.2), value: playerOffset)
.backport
2022-09-11 16:25:10 +00:00
.persistentSystemOverlays(!fullScreenPlayer)
2022-05-29 20:30:00 +00:00
#endif
2021-11-04 22:01:27 +00:00
#endif
2021-07-18 22:32:46 +00:00
}
2022-11-13 17:52:15 +00:00
func updateSidebarQueue() {
#if os(iOS)
sidebarQueue = playerSize.width > 900 && playerSidebar == .whenFits
#elseif os(macOS)
sidebarQueue = playerSidebar != .never
#endif
}
var overlay: some View {
VStack {
2022-09-01 23:05:31 +00:00
if controlsOverlayModel.presenting {
HStack {
HStack {
ControlsOverlay()
#if os(tvOS)
.onExitCommand {
2022-09-01 23:05:31 +00:00
withAnimation(PlayerControls.animation) {
2022-09-01 18:01:01 +00:00
player.controls.hideOverlays()
}
}
.onPlayPauseCommand {
player.togglePlay()
}
#endif
.padding()
.modifier(ControlBackgroundModifier())
.clipShape(RoundedRectangle(cornerRadius: 4))
}
#if !os(tvOS)
2022-09-11 16:25:10 +00:00
.frame(maxWidth: fullScreenPlayer ? .infinity : player.playerSize.width)
#endif
#if !os(tvOS)
2022-09-11 16:25:10 +00:00
if !fullScreenPlayer && sidebarQueue {
Spacer()
}
#endif
}
#if os(tvOS)
.clipShape(RoundedRectangle(cornerRadius: 10))
#endif
.zIndex(1)
.transition(.opacity)
}
}
}
2022-08-14 17:06:22 +00:00
var overlayWidth: Double {
guard playerSize.width.isFinite else { return 200 }
return [playerSize.width - 50, 250].min()!
}
var overlayAlignment: Alignment {
#if os(tvOS)
return .bottomTrailing
#else
return .top
#endif
}
2022-08-06 13:27:34 +00:00
#if os(iOS)
2022-08-14 17:06:22 +00:00
var videoPlayerCloseControlsOverlayGesture: some Gesture {
TapGesture().onEnded {
withAnimation(PlayerControls.animation) {
2022-09-01 18:01:01 +00:00
player.controls.hideOverlays()
2022-08-14 17:06:22 +00:00
}
}
}
2022-08-08 18:02:46 +00:00
var playerOffset: Double {
dragGestureState && !isHorizontalDrag ? dragGestureOffset.height : viewDragOffset
2022-08-08 18:02:46 +00:00
}
2022-08-06 13:27:34 +00:00
var playerWidth: Double? {
2022-09-11 16:25:10 +00:00
fullScreenPlayer ? (UIScreen.main.bounds.size.width - SafeArea.insets.left - SafeArea.insets.right) : nil
2022-08-06 13:27:34 +00:00
}
var playerHeight: Double? {
let lockedPortrait = player.lockedOrientation?.contains(.portrait) ?? false
2022-09-11 16:25:10 +00:00
return fullScreenPlayer ? UIScreen.main.bounds.size.height - (OrientationTracker.shared.currentInterfaceOrientation.isPortrait || lockedPortrait ? (SafeArea.insets.top + SafeArea.insets.bottom) : 0) : nil
2022-08-06 13:27:34 +00:00
}
var playerEdgesIgnoringSafeArea: Edge.Set {
2022-08-14 17:06:22 +00:00
if let orientation = player.lockedOrientation, orientation.contains(.portrait) {
return []
}
2022-09-11 16:25:10 +00:00
if fullScreenPlayer, UIDevice.current.orientation.isLandscape {
2022-07-09 00:21:04 +00:00
return [.vertical]
}
2022-08-14 17:06:22 +00:00
2022-08-06 13:27:34 +00:00
return []
}
#endif
2022-07-09 00:21:04 +00:00
var content: some View {
Group {
ZStack(alignment: .bottomLeading) {
#if os(tvOS)
ZStack {
2022-08-18 22:40:46 +00:00
player.playerBackendView
2022-06-26 12:55:23 +00:00
2022-08-20 21:05:40 +00:00
if player.activeBackend == .mpv {
tvControls
}
}
2022-08-06 14:38:43 +00:00
.ignoresSafeArea()
#else
GeometryReader { geometry in
2022-08-18 22:40:46 +00:00
player.playerBackendView
2022-08-13 14:14:38 +00:00
#if !os(tvOS)
.modifier(
VideoPlayerSizeModifier(
geometry: geometry,
aspectRatio: player.aspectRatio,
2022-09-11 16:25:10 +00:00
fullScreen: fullScreenPlayer
2022-08-13 14:14:38 +00:00
)
)
.overlay(playerPlaceholder)
#endif
2022-09-11 16:25:10 +00:00
.frame(maxWidth: fullScreenPlayer ? .infinity : nil, maxHeight: fullScreenPlayer ? .infinity : nil)
2022-08-13 14:46:45 +00:00
.onHover { hovering in
hoveringPlayer = hovering
2022-09-01 18:01:01 +00:00
hovering ? player.controls.show() : player.controls.hide()
2022-08-13 14:46:45 +00:00
}
#if !os(tvOS)
2022-09-01 18:01:01 +00:00
.gesture(player.controls.presentingOverlays ? nil : playerDragGesture)
#endif
#if os(macOS)
.onAppear(perform: {
NSEvent.addLocalMonitorForEvents(matching: [.mouseMoved]) {
hoverThrottle.execute {
if !player.currentItem.isNil, hoveringPlayer {
2022-09-01 18:01:01 +00:00
player.controls.resetTimer()
2022-07-10 22:42:47 +00:00
}
2022-08-13 14:46:45 +00:00
}
return $0
}
})
#endif
.background(Color.black)
2022-03-27 19:22:13 +00:00
#if !os(tvOS)
2022-09-11 16:25:10 +00:00
if !fullScreenPlayer {
2022-11-13 17:52:15 +00:00
VideoDetails(sidebarQueue: $sidebarQueue, fullScreen: $fullScreenDetails, bottomPadding: detailsNeedBottomPadding)
2022-08-06 13:27:34 +00:00
#if os(iOS)
2022-08-08 18:02:46 +00:00
.ignoresSafeArea(.all, edges: .bottom)
2022-07-09 00:21:04 +00:00
#endif
2022-08-08 18:02:46 +00:00
.modifier(VideoDetailsPaddingModifier(
playerSize: player.playerSize,
fullScreen: fullScreenDetails
))
.onDisappear {
if player.presentingPlayer {
player.setNeedsDrawing(true)
}
}
2022-02-16 20:23:11 +00:00
}
2022-03-27 19:22:13 +00:00
#endif
2021-08-22 19:13:33 +00:00
}
#endif
}
2022-09-11 16:25:10 +00:00
.background(((colorScheme == .dark || fullScreenPlayer) ? Color.black : Color.white).edgesIgnoringSafeArea(.all))
#if os(macOS)
2021-12-02 20:35:42 +00:00
.frame(minWidth: 650)
#endif
2022-08-14 17:06:22 +00:00
#if os(tvOS)
.onMoveCommand { direction in
if direction == .up {
2022-09-01 18:01:01 +00:00
player.controls.show()
2022-09-01 23:05:31 +00:00
} else if direction == .down, !controlsOverlayModel.presenting, !player.controls.presentingControls {
withAnimation(PlayerControls.animation) {
2022-11-17 21:47:45 +00:00
controlsOverlayModel.hide()
2022-08-14 17:06:22 +00:00
}
}
2022-09-01 18:01:01 +00:00
player.controls.resetTimer()
2022-08-14 17:06:22 +00:00
2022-09-01 18:01:01 +00:00
guard !player.controls.presentingControls else { return }
2022-08-14 17:06:22 +00:00
if direction == .left {
player.backend.seek(relative: .secondsInDefaultTimescale(-10), seekType: .userInteracted)
2022-08-14 17:06:22 +00:00
}
if direction == .right {
player.backend.seek(relative: .secondsInDefaultTimescale(10), seekType: .userInteracted)
2022-08-14 17:06:22 +00:00
}
}
.onPlayPauseCommand {
player.togglePlay()
}
.onExitCommand {
2022-09-01 18:01:01 +00:00
if player.controls.presentingOverlays {
player.controls.hideOverlays()
2022-08-14 17:06:22 +00:00
}
2022-09-01 18:01:01 +00:00
if player.controls.presentingControls {
player.controls.hide()
2022-08-14 17:06:22 +00:00
} else {
player.hide()
}
}
#endif
2022-09-11 16:25:10 +00:00
if !fullScreenPlayer {
2022-02-16 20:23:11 +00:00
#if os(iOS)
if sidebarQueue {
2022-06-25 16:33:35 +00:00
PlayerQueueView(sidebarQueue: true, fullScreen: $fullScreenDetails)
2022-02-16 20:23:11 +00:00
.frame(maxWidth: 350)
2022-07-11 17:52:55 +00:00
.background(colorScheme == .dark ? Color.black : Color.white)
2022-08-08 18:02:46 +00:00
.transition(.move(edge: .bottom))
2022-02-16 20:23:11 +00:00
}
#elseif os(macOS)
if Defaults[.playerSidebar] != .never {
2022-06-25 16:33:35 +00:00
PlayerQueueView(sidebarQueue: true, fullScreen: $fullScreenDetails)
2022-02-16 20:23:11 +00:00
.frame(minWidth: 300)
2022-07-11 17:52:55 +00:00
.background(colorScheme == .dark ? Color.black : Color.white)
2022-02-16 20:23:11 +00:00
}
#endif
}
2021-07-18 22:32:46 +00:00
}
2022-09-11 16:25:10 +00:00
.onChange(of: fullScreenPlayer) { newValue in
2022-09-01 18:01:01 +00:00
if !newValue { player.controls.hideOverlays() }
2022-08-13 14:18:27 +00:00
}
2022-03-27 19:22:13 +00:00
#if os(iOS)
2022-09-11 16:25:10 +00:00
.statusBar(hidden: fullScreenPlayer)
#endif
}
2022-11-13 17:52:15 +00:00
var detailsNeedBottomPadding: Bool {
#if os(iOS)
return true
#else
return false
#endif
}
2022-09-11 16:25:10 +00:00
var fullScreenPlayer: Bool {
#if os(iOS)
player.playingFullScreen || verticalSizeClass == .compact
#elseif os(macOS)
player.playingFullScreen
#elseif os(tvOS)
true
2022-02-27 20:31:17 +00:00
#endif
}
2022-06-24 23:39:29 +00:00
@ViewBuilder var playerPlaceholder: some View {
2022-06-07 21:27:48 +00:00
if player.currentItem.isNil {
ZStack(alignment: .topTrailing) {
2022-06-07 21:27:48 +00:00
HStack {
Spacer()
2022-06-07 21:27:48 +00:00
VStack {
Spacer()
VStack(spacing: 10) {
#if !os(tvOS)
Image(systemName: "ticket")
.font(.system(size: 120))
#endif
}
Spacer()
}
2022-06-07 21:27:48 +00:00
.foregroundColor(.gray)
Spacer()
}
2022-06-07 21:27:48 +00:00
#if os(iOS)
Button {
2022-08-25 17:09:55 +00:00
withAnimation(.spring(response: 0.3, dampingFraction: 0, blendDuration: 0)) {
viewDragOffset = Self.hiddenOffset
}
2022-06-07 21:27:48 +00:00
} label: {
Image(systemName: "xmark")
.font(.system(size: 40))
}
2022-11-13 17:52:15 +00:00
.opacity(fullScreenPlayer ? 1 : 0)
2022-06-07 21:27:48 +00:00
.buttonStyle(.plain)
.padding(10)
.foregroundColor(.gray)
#endif
}
.background(Color.black)
.contentShape(Rectangle())
2022-06-24 23:39:29 +00:00
.frame(width: player.playerSize.width, height: player.playerSize.height)
2021-07-18 22:32:46 +00:00
}
}
2021-08-22 19:13:33 +00:00
#if os(tvOS)
var tvControls: some View {
2022-09-01 23:05:31 +00:00
TVControls(player: player, thumbnails: thumbnails)
}
#endif
2021-08-22 19:13:33 +00:00
}
struct VideoPlayerView_Previews: PreviewProvider {
static var previews: some View {
VideoPlayerView()
.injectFixtureEnvironmentObjects()
2021-08-22 19:13:33 +00:00
}
2021-07-18 22:32:46 +00:00
}