import AVKit #if os(iOS) import CoreMotion #endif import Defaults import Repeat import Siesta import SwiftUI struct VideoPlayerView: View { #if os(iOS) static let hiddenOffset = UIScreen.main.bounds.height static let defaultSidebarQueueValue = UIScreen.main.bounds.width > 900 && Defaults[.playerSidebar] == .whenFits #else static let defaultSidebarQueueValue = Defaults[.playerSidebar] != .never #endif #if os(macOS) static let hiddenOffset = 0.0 #endif static let defaultAspectRatio = 16 / 9.0 static var defaultMinimumHeightLeft: Double { #if os(macOS) 300 #else 200 #endif } @State private var playerSize: CGSize = .zero { didSet { updateSidebarQueue() } } @State private var hoveringPlayer = false @State private var fullScreenDetails = false @State private var sidebarQueue = defaultSidebarQueueValue @Environment(\.colorScheme) private var colorScheme #if os(iOS) @Environment(\.verticalSizeClass) private var verticalSizeClass @State internal var orientation = UIInterfaceOrientation.portrait @State internal var lastOrientation: UIInterfaceOrientation? @State internal var orientationDebouncer = Debouncer(.milliseconds(300)) #elseif os(macOS) var hoverThrottle = Throttle(interval: 0.5) var mouseLocation: CGPoint { NSEvent.mouseLocation } #endif #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? @State internal var orientationNotification: Any? #endif internal var player: PlayerModel! = PlayerModel.shared #if os(macOS) @ObservedObject private var navigation = NavigationModel.shared #endif @Default(.horizontalPlayerGestureEnabled) var horizontalPlayerGestureEnabled @Default(.seekGestureSpeed) var seekGestureSpeed @Default(.seekGestureSensitivity) var seekGestureSensitivity @Default(.playerSidebar) var playerSidebar @ObservedObject internal var controlsOverlayModel = ControlOverlaysModel.shared var body: some View { ZStack(alignment: overlayAlignment) { videoPlayer .zIndex(-1) #if os(iOS) .gesture(controlsOverlayModel.presenting ? videoPlayerCloseControlsOverlayGesture : nil) #endif overlay WatchNextView() } .onAppear { if player.musicMode { player.backend.startControlsUpdates() } updateSidebarQueue() } .onChange(of: playerSidebar) { _ in updateSidebarQueue() } } var videoPlayer: some View { #if DEBUG // TODO: remove if #available(iOS 15.0, macOS 12.0, *) { Self._printChanges() } #endif return GeometryReader { geometry in HStack(spacing: 0) { content .onAppear { playerSize = geometry.size } } #if os(iOS) .padding(.bottom, fullScreenPlayer ? 0.0001 : geometry.safeAreaInsets.bottom) #endif .onChange(of: geometry.size) { _ in self.playerSize = geometry.size } .onChange(of: fullScreenDetails) { value in player.backend.setNeedsDrawing(!value) } #if os(iOS) .frame(width: playerWidth.isNil ? nil : Double(playerWidth!), height: playerHeight.isNil ? nil : Double(playerHeight!)) .ignoresSafeArea(.all, edges: playerEdgesIgnoringSafeArea) .onChange(of: player.presentingPlayer) { newValue in if newValue { viewDragOffset = 0 } else { viewDragOffset = Self.hiddenOffset } } .onAppear { #if os(macOS) if player.videoForDisplay.isNil { player.hide() } #endif viewDragOffset = 0 Delay.by(0.2) { configureOrientationUpdatesBasedOnAccelerometer() if let orientationMask = player.lockedOrientation { Orientation.lockOrientation( orientationMask, andRotateTo: orientationMask == .landscapeLeft ? .landscapeLeft : orientationMask == .landscapeRight ? .landscapeRight : .portrait ) } else { Orientation.lockOrientation(.allButUpsideDown) } } } .onDisappear { if Defaults[.lockPortraitWhenBrowsing] { Orientation.lockOrientation(.portrait, andRotateTo: .portrait) } else { Orientation.lockOrientation(.allButUpsideDown) } stopOrientationUpdates() player.controls.hideOverlays() } .onReceive(NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)) { _ in guard player.lockedOrientation.isNil else { return } Orientation.lockOrientation(.allButUpsideDown, andRotateTo: OrientationTracker.shared.currentInterfaceOrientation) } .onAnimationCompleted(for: viewDragOffset) { guard !dragGestureState else { return } if viewDragOffset == 0 { player.onPresentPlayer.forEach { $0() } player.onPresentPlayer = [] } else if viewDragOffset == Self.hiddenOffset { player.hide(animate: false) } } #endif } #if os(iOS) .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 .persistentSystemOverlays(!fullScreenPlayer) #endif #if os(macOS) .frame(minWidth: 1000, minHeight: 700) #endif } func updateSidebarQueue() { #if os(iOS) sidebarQueue = playerSize.width > 900 && playerSidebar == .whenFits #elseif os(macOS) sidebarQueue = playerSidebar != .never #endif } var overlay: some View { VStack { if controlsOverlayModel.presenting { HStack { HStack { ControlsOverlay() #if os(tvOS) .onExitCommand { withAnimation(PlayerControls.animation) { player.controls.hideOverlays() } } .onPlayPauseCommand { player.togglePlay() } #endif .padding() .modifier(ControlBackgroundModifier()) .clipShape(RoundedRectangle(cornerRadius: 4)) } #if !os(tvOS) .frame(maxWidth: fullScreenPlayer ? .infinity : player.playerSize.width) #endif #if !os(tvOS) if !fullScreenPlayer && sidebarQueue { Spacer() } #endif } #if os(tvOS) .clipShape(RoundedRectangle(cornerRadius: 10)) #endif .zIndex(1) .transition(.opacity) } } } 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 } #if os(iOS) var videoPlayerCloseControlsOverlayGesture: some Gesture { TapGesture().onEnded { withAnimation(PlayerControls.animation) { player.controls.hideOverlays() } } } var playerOffset: Double { dragGestureState && !isHorizontalDrag ? dragGestureOffset.height : viewDragOffset } var playerWidth: Double? { fullScreenPlayer ? (UIScreen.main.bounds.size.width - SafeArea.insets.left - SafeArea.insets.right) : nil } var playerHeight: Double? { let lockedPortrait = player.lockedOrientation?.contains(.portrait) ?? false return fullScreenPlayer ? UIScreen.main.bounds.size.height - (OrientationTracker.shared.currentInterfaceOrientation.isPortrait || lockedPortrait ? (SafeArea.insets.top + SafeArea.insets.bottom) : 0) : nil } var playerEdgesIgnoringSafeArea: Edge.Set { if let orientation = player.lockedOrientation, orientation.contains(.portrait) { return [] } if fullScreenPlayer, UIDevice.current.orientation.isLandscape { return [.vertical] } return [.bottom] } #endif var content: some View { Group { ZStack(alignment: .bottomLeading) { #if os(tvOS) ZStack { player.playerBackendView if player.activeBackend == .mpv { tvControls } } .ignoresSafeArea() #else GeometryReader { geometry in ZStack { player.playerBackendView } .modifier( VideoPlayerSizeModifier( geometry: geometry, aspectRatio: player.aspectRatio, fullScreen: fullScreenPlayer ) ) .frame(maxWidth: fullScreenPlayer ? .infinity : nil, maxHeight: fullScreenPlayer ? .infinity : nil) .onHover { hovering in hoveringPlayer = hovering hovering ? player.controls.show() : player.controls.hide() } .gesture(player.controls.presentingOverlays ? nil : playerDragGesture) #if os(macOS) .onAppear(perform: { NSEvent.addLocalMonitorForEvents(matching: [.mouseMoved]) { hoverThrottle.execute { if !player.currentItem.isNil, hoveringPlayer { player.controls.resetTimer() } } return $0 } }) #endif .background(Color.black) if !fullScreenPlayer { VideoDetails( video: player.videoForDisplay, fullScreen: $fullScreenDetails, bottomPadding: detailsNeedBottomPadding ) #if os(iOS) .ignoresSafeArea(.all, edges: .bottom) #endif .modifier(VideoDetailsPaddingModifier( playerSize: player.playerSize, fullScreen: fullScreenDetails )) .onDisappear { if player.presentingPlayer { player.setNeedsDrawing(true) } } .transition(.opacity) } } #endif } .background(((colorScheme == .dark || fullScreenPlayer) ? Color.black : Color.white).edgesIgnoringSafeArea(.all)) #if os(macOS) .frame(minWidth: 650) #endif #if os(tvOS) .onMoveCommand { direction in if direction == .up { player.controls.show() } else if direction == .down, !controlsOverlayModel.presenting, !player.controls.presentingControls { withAnimation(PlayerControls.animation) { controlsOverlayModel.hide() } } player.controls.resetTimer() guard !player.controls.presentingControls else { return } if direction == .left { player.backend.seek(relative: .secondsInDefaultTimescale(-10), seekType: .userInteracted) } if direction == .right { player.backend.seek(relative: .secondsInDefaultTimescale(10), seekType: .userInteracted) } } .onPlayPauseCommand { player.togglePlay() } .onExitCommand { if player.controls.presentingOverlays { player.controls.hideOverlays() } if player.controls.presentingControls { player.controls.hide() } else { player.hide() } } #endif if !fullScreenPlayer { #if os(iOS) if sidebarQueue { PlayerQueueView(sidebarQueue: true, fullScreen: $fullScreenDetails) .frame(maxWidth: 350) .background(colorScheme == .dark ? Color.black : Color.white) .transition(.move(edge: .bottom)) } #elseif os(macOS) if Defaults[.playerSidebar] != .never { PlayerQueueView(sidebarQueue: true, fullScreen: $fullScreenDetails) .frame(width: 350) .background(colorScheme == .dark ? Color.black : Color.white) } #endif } } .onChange(of: fullScreenPlayer) { newValue in if !newValue { player.controls.hideOverlays() } } #if os(iOS) .statusBar(hidden: fullScreenPlayer) #endif } var detailsNeedBottomPadding: Bool { #if os(iOS) return true #else return false #endif } var fullScreenPlayer: Bool { #if os(iOS) player.playingFullScreen || verticalSizeClass == .compact #elseif os(macOS) player.playingFullScreen #elseif os(tvOS) true #endif } @ViewBuilder var playerPlaceholder: some View { if player.currentItem.isNil { ZStack(alignment: .topTrailing) { HStack { Spacer() VStack { Spacer() VStack(spacing: 10) { #if !os(tvOS) Image(systemName: "ticket") .font(.system(size: 120)) #endif } Spacer() } .foregroundColor(.gray) Spacer() } #if os(iOS) Button { withAnimation(.spring(response: 0.3, dampingFraction: 0, blendDuration: 0)) { viewDragOffset = Self.hiddenOffset } } label: { Image(systemName: "xmark") .font(.system(size: 40)) } .opacity(fullScreenPlayer ? 1 : 0) .buttonStyle(.plain) .padding(10) .foregroundColor(.gray) #endif } .background(colorScheme == .dark ? Color.black : .white) .contentShape(Rectangle()) .frame(width: player.playerSize.width, height: player.playerSize.height) } } #if os(tvOS) var tvControls: some View { TVControls() } #endif } struct VideoPlayerView_Previews: PreviewProvider { static var previews: some View { VideoPlayerView() } }