1
0
mirror of https://github.com/yattee/yattee.git synced 2024-12-15 06:40:32 +05:30
yattee/Shared/Player/VideoPlayerView.swift

521 lines
19 KiB
Swift
Raw Normal View History

2021-07-19 04:02:46 +05:30
import AVKit
#if os(iOS)
import CoreMotion
#endif
import Defaults
2021-07-19 04:02:46 +05:30
import Siesta
import SwiftUI
struct VideoPlayerView: View {
2022-05-29 17:59:43 +05:30
#if os(iOS)
static let hiddenOffset = YatteeApp.isForPreviews ? 0 : max(UIScreen.main.bounds.height, UIScreen.main.bounds.width) + 100
2022-05-29 17:59:43 +05:30
#endif
2021-11-08 21:59:35 +05:30
static let defaultAspectRatio = 16 / 9.0
2021-09-19 02:06:42 +05:30
static var defaultMinimumHeightLeft: Double {
2021-08-23 00:43:33 +05:30
#if os(macOS)
300
#else
200
#endif
}
@State private var playerSize: CGSize = .zero { didSet {
2022-07-09 05:51:04 +05:30
withAnimation {
if playerSize.width > 900 && Defaults[.playerSidebar] == .whenFits {
sidebarQueue = true
} else {
sidebarQueue = false
}
}
}}
2022-02-28 02:01:17 +05:30
@State private var hoveringPlayer = false
@State private var fullScreenDetails = false
@State private var sidebarQueue = false
2021-07-19 04:02:46 +05:30
2021-11-28 20:07:55 +05:30
@Environment(\.colorScheme) private var colorScheme
2021-08-23 00:43:33 +05:30
#if os(iOS)
@Environment(\.verticalSizeClass) private var verticalSizeClass
@State private var orientation = UIInterfaceOrientation.portrait
@State private var lastOrientation: UIInterfaceOrientation?
2022-02-28 02:01:17 +05:30
#elseif os(macOS)
var mouseLocation: CGPoint { NSEvent.mouseLocation }
2021-08-23 00:43:33 +05:30
#endif
2021-08-17 04:16:18 +05:30
2022-05-30 02:00:00 +05:30
#if os(iOS)
2022-05-30 01:43:21 +05:30
@State private var viewVerticalOffset = Self.hiddenOffset
2022-07-10 16:44:07 +05:30
@State private var orientationObserver: Any?
#endif
2021-12-25 00:50:05 +05:30
@EnvironmentObject<AccountsModel> private var accounts
2022-06-25 04:18:57 +05:30
@EnvironmentObject<NavigationModel> private var navigation
@EnvironmentObject<PlayerModel> private var player
2022-06-25 22:03:35 +05:30
@EnvironmentObject<PlayerControlsModel> private var playerControls
2022-06-25 04:18:57 +05:30
@EnvironmentObject<RecentsModel> private var recents
@EnvironmentObject<SearchModel> private var search
2022-06-08 02:57:48 +05:30
@EnvironmentObject<ThumbnailsModel> private var thumbnails
2021-09-25 13:48:22 +05:30
init() {
if Defaults[.playerSidebar] == .always {
sidebarQueue = true
}
}
var body: some View {
2022-06-25 05:09:29 +05:30
#if DEBUG
// TODO: remove
if #available(iOS 15.0, macOS 12.0, *) {
_ = Self._printChanges()
}
#endif
2021-11-05 03:31:27 +05:30
#if os(macOS)
return HSplitView {
2021-11-05 03:31:27 +05:30
content
}
2022-06-25 04:18:57 +05:30
.alert(isPresented: $navigation.presentingAlertInVideoPlayer) { navigation.alert }
.onOpenURL {
OpenURLHandler(
accounts: accounts,
navigation: navigation,
recents: recents,
player: player,
search: search
).handle($0)
}
.frame(minWidth: 950, minHeight: 700)
2021-11-05 03:31:27 +05:30
#else
return GeometryReader { geometry in
2022-04-04 04:03:09 +05:30
HStack(spacing: 0) {
content
.onAppear {
playerSize = geometry.size
}
}
2022-07-10 03:59:13 +05:30
.ignoresSafeArea(.all, edges: playerEdgesIgnoringSafeArea)
2022-04-04 04:03:09 +05:30
.onChange(of: geometry.size) { size in
self.playerSize = size
}
2022-04-04 04:03:09 +05:30
.onChange(of: fullScreenDetails) { value in
player.backend.setNeedsDrawing(!value)
}
#if os(iOS)
2022-05-29 17:59:43 +05:30
.onChange(of: player.presentingPlayer) { newValue in
if newValue {
2022-05-30 01:43:21 +05:30
viewVerticalOffset = 0
2022-05-30 02:00:00 +05:30
configureOrientationUpdatesBasedOnAccelerometer()
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) { [weak player] in
player?.onPresentPlayer?()
player?.onPresentPlayer = nil
}
2022-05-29 17:59:43 +05:30
} else {
2022-05-30 02:00:00 +05:30
if Defaults[.lockPortraitWhenBrowsing] {
Orientation.lockOrientation(.portrait, andRotateTo: .portrait)
} else {
Orientation.lockOrientation(.allButUpsideDown)
}
viewVerticalOffset = Self.hiddenOffset
2022-07-10 16:44:07 +05:30
stopOrientationUpdates()
2022-07-10 23:21:46 +05:30
player.controls.hideOverlays()
2022-05-29 17:59:43 +05:30
}
}
2022-05-30 02:00:00 +05:30
#endif
2021-11-05 03:31:27 +05:30
}
2022-05-30 02:00:00 +05:30
#if os(iOS)
2022-05-30 01:43:21 +05:30
.offset(y: viewVerticalOffset)
.animation(.easeOut(duration: 0.3), value: viewVerticalOffset)
2022-06-22 03:48:16 +05:30
.backport
.persistentSystemOverlays(!fullScreenLayout)
2022-05-30 02:00:00 +05:30
#endif
2021-11-05 03:31:27 +05:30
#endif
2021-07-19 04:02:46 +05:30
}
2022-07-09 05:51:04 +05:30
var playerEdgesIgnoringSafeArea: Edge.Set {
#if os(iOS)
if fullScreenLayout, UIDevice.current.orientation.isLandscape {
return [.vertical]
}
#endif
return []
}
var content: some View {
Group {
ZStack(alignment: .bottomLeading) {
#if os(tvOS)
ZStack {
playerView
2022-06-26 18:25:23 +05:30
tvControls
}
.ignoresSafeArea(.all, edges: .all)
.onMoveCommand { direction in
if direction == .up || direction == .down {
playerControls.show()
}
2022-06-26 18:25:23 +05:30
playerControls.resetTimer()
2022-06-26 18:25:23 +05:30
guard !playerControls.presentingControls else { return }
if direction == .left {
player.backend.seek(relative: .secondsInDefaultTimescale(-10))
2022-03-28 00:52:13 +05:30
}
if direction == .right {
player.backend.seek(relative: .secondsInDefaultTimescale(10))
}
}
.onPlayPauseCommand {
player.togglePlay()
}
.onExitCommand {
if playerControls.presentingControls {
playerControls.hide()
} else {
player.hide()
2022-06-28 16:43:19 +05:30
}
}
#else
GeometryReader { geometry in
2022-07-09 05:51:04 +05:30
Group {
2022-06-08 02:57:48 +05:30
if player.playingInPictureInPicture {
2022-06-25 05:09:29 +05:30
pictureInPicturePlaceholder
} else {
2022-03-28 00:52:13 +05:30
playerView
2022-07-09 05:51:04 +05:30
2022-03-28 00:52:13 +05:30
#if !os(tvOS)
2022-02-17 01:53:11 +05:30
.modifier(
VideoPlayerSizeModifier(
geometry: geometry,
2022-07-10 06:45:15 +05:30
aspectRatio: player.aspectRatio,
2022-07-09 05:51:04 +05:30
fullScreen: fullScreenLayout
)
2022-02-17 01:53:11 +05:30
)
2022-06-25 05:09:29 +05:30
.overlay(playerPlaceholder)
2022-03-28 00:52:13 +05:30
#endif
2021-08-23 00:43:33 +05:30
}
}
2022-02-17 01:53:11 +05:30
.frame(maxWidth: fullScreenLayout ? .infinity : nil, maxHeight: fullScreenLayout ? .infinity : nil)
2022-02-28 02:01:17 +05:30
.onHover { hovering in
hoveringPlayer = hovering
2022-06-25 22:03:35 +05:30
hovering ? playerControls.show() : playerControls.hide()
2022-02-28 02:01:17 +05:30
}
2022-07-10 23:21:46 +05:30
#if os(iOS)
.gesture(isPlayerDragGestureEnabled ? playerDragGesture : nil)
#elseif os(macOS)
2022-07-10 19:07:07 +05:30
.onAppear(perform: {
NSEvent.addLocalMonitorForEvents(matching: [.mouseMoved]) {
if !player.currentItem.isNil, hoveringPlayer {
playerControls.resetTimer()
}
return $0
}
})
#endif
2022-07-10 19:07:07 +05:30
.background(Color.black)
2022-03-28 00:52:13 +05:30
#if !os(tvOS)
2022-07-10 03:59:13 +05:30
if !fullScreenLayout {
VStack(spacing: 0) {
2022-03-28 00:52:13 +05:30
#if os(iOS)
2022-07-09 05:51:04 +05:30
VideoDetails(sidebarQueue: sidebarQueue, fullScreen: $fullScreenDetails)
.edgesIgnoringSafeArea(.bottom)
2022-03-28 00:52:13 +05:30
#else
2022-06-25 22:03:35 +05:30
VideoDetails(sidebarQueue: sidebarQueue, fullScreen: $fullScreenDetails)
2022-03-28 00:52:13 +05:30
#endif
}
2022-07-09 05:51:04 +05:30
#if !os(macOS)
.transition(.move(edge: .bottom))
#endif
2022-03-28 00:52:13 +05:30
.background(colorScheme == .dark ? Color.black : Color.white)
.modifier(VideoDetailsPaddingModifier(
2022-06-27 03:45:01 +05:30
playerSize: player.playerSize,
2022-03-28 00:52:13 +05:30
fullScreen: fullScreenDetails
))
2022-02-17 01:53:11 +05:30
}
2022-03-28 00:52:13 +05:30
#endif
2021-08-23 00:43:33 +05:30
}
#endif
}
2022-07-09 05:51:04 +05:30
2022-02-17 01:53:11 +05:30
.background(((colorScheme == .dark || fullScreenLayout) ? Color.black : Color.white).edgesIgnoringSafeArea(.all))
#if os(macOS)
2021-12-03 02:05:42 +05:30
.frame(minWidth: 650)
#endif
2022-07-10 03:59:13 +05:30
if !fullScreenLayout {
2022-02-17 01:53:11 +05:30
#if os(iOS)
if sidebarQueue {
2022-06-25 22:03:35 +05:30
PlayerQueueView(sidebarQueue: true, fullScreen: $fullScreenDetails)
2022-02-17 01:53:11 +05:30
.frame(maxWidth: 350)
2022-07-09 05:51:04 +05:30
.transition(.move(edge: .trailing))
2022-02-17 01:53:11 +05:30
}
#elseif os(macOS)
if Defaults[.playerSidebar] != .never {
2022-06-25 22:03:35 +05:30
PlayerQueueView(sidebarQueue: true, fullScreen: $fullScreenDetails)
2022-02-17 01:53:11 +05:30
.frame(minWidth: 300)
}
#endif
}
2021-07-19 04:02:46 +05:30
}
2022-03-28 00:52:13 +05:30
#if os(iOS)
2022-07-10 03:59:13 +05:30
.statusBar(hidden: fullScreenLayout)
2022-02-28 02:01:17 +05:30
#endif
2022-02-17 01:53:11 +05:30
}
2022-03-28 00:52:13 +05:30
var playerView: some View {
ZStack(alignment: .top) {
2022-07-09 05:51:04 +05:30
Group {
switch player.activeBackend {
case .mpv:
player.mpvPlayerView
case .appleAVPlayer:
player.avPlayerView
#if os(iOS)
.onAppear {
player.pipController = .init(playerLayer: player.playerLayerView.playerLayer)
let pipDelegate = PiPDelegate()
pipDelegate.player = player
player.pipDelegate = pipDelegate
player.pipController?.delegate = pipDelegate
player.playerLayerView.playerLayer.player = player.avPlayerBackend.avPlayer
}
#endif
}
2022-03-28 00:52:13 +05:30
}
2022-07-10 06:45:15 +05:30
.overlay(GeometryReader { proxy in
Color.clear
.onAppear {
player.playerSize = proxy.size
}
.onChange(of: proxy.size) { _ in
player.playerSize = proxy.size
}
2022-07-10 23:21:46 +05:30
.onChange(of: player.controls.presentingOverlays) { _ in
player.playerSize = proxy.size
}
2022-07-10 06:45:15 +05:30
})
2022-07-09 05:51:04 +05:30
#if os(iOS)
.padding(.top, player.playingFullScreen && verticalSizeClass == .regular ? 20 : 0)
#endif
2022-03-28 00:52:13 +05:30
#if !os(tvOS)
PlayerGestures()
PlayerControls(player: player, thumbnails: thumbnails)
2022-07-09 05:51:04 +05:30
#if os(iOS)
2022-07-10 03:59:13 +05:30
.padding(.top, controlsTopPadding)
2022-07-09 05:51:04 +05:30
.padding(.bottom, fullScreenLayout ? safeAreaInsets.bottom : 0)
#endif
2022-03-28 00:52:13 +05:30
#endif
}
2022-07-09 05:51:04 +05:30
#if os(iOS)
2022-07-10 03:59:13 +05:30
.statusBarHidden(fullScreenLayout)
2022-07-09 05:51:04 +05:30
#endif
2022-03-28 00:52:13 +05:30
}
2022-07-09 05:51:04 +05:30
#if os(iOS)
2022-07-10 19:07:07 +05:30
var playerDragGesture: some Gesture {
DragGesture(minimumDistance: 0, coordinateSpace: .global)
.onChanged { value in
guard player.presentingPlayer,
!playerControls.presentingControlsOverlay else { return }
let drag = value.translation.height
guard drag > 0 else { return }
if drag > 60, player.playingFullScreen {
player.exitFullScreen()
}
viewVerticalOffset = drag
}
.onEnded { _ in
guard player.presentingPlayer,
!playerControls.presentingControlsOverlay else { return }
if viewVerticalOffset > 100 {
if player.playingFullScreen {
viewVerticalOffset = 0
player.exitFullScreen()
} else {
player.backend.setNeedsDrawing(false)
player.hide()
}
} else {
viewVerticalOffset = 0
player.backend.setNeedsDrawing(true)
player.show()
}
}
}
2022-07-10 23:21:46 +05:30
var isPlayerDragGestureEnabled: Bool {
!player.controls.presentingDetailsOverlay && !player.controls.presentingDetailsOverlay
}
2022-07-10 03:59:13 +05:30
var controlsTopPadding: Double {
guard fullScreenLayout else { return 0 }
let idiom = UIDevice.current.userInterfaceIdiom
2022-07-10 06:45:15 +05:30
guard idiom == .pad else { return 0 }
2022-07-10 03:59:13 +05:30
return safeAreaInsets.top.isZero ? safeAreaInsets.bottom : safeAreaInsets.top
}
2022-07-09 05:51:04 +05:30
var safeAreaInsets: UIEdgeInsets {
UIApplication.shared.windows.first?.safeAreaInsets ?? .init()
}
#endif
2022-02-17 01:53:11 +05:30
var fullScreenLayout: Bool {
2022-03-28 00:52:13 +05:30
#if os(iOS)
player.playingFullScreen || verticalSizeClass == .compact
2022-02-28 02:01:17 +05:30
#else
player.playingFullScreen
2022-02-28 02:01:17 +05:30
#endif
}
2022-06-25 05:09:29 +05:30
@ViewBuilder var playerPlaceholder: some View {
2022-06-08 02:57:48 +05:30
if player.currentItem.isNil {
ZStack(alignment: .topLeading) {
HStack {
Spacer()
2022-06-08 02:57:48 +05:30
VStack {
Spacer()
VStack(spacing: 10) {
#if !os(tvOS)
Image(systemName: "ticket")
.font(.system(size: 120))
#endif
}
Spacer()
}
2022-06-08 02:57:48 +05:30
.foregroundColor(.gray)
Spacer()
}
2022-06-08 02:57:48 +05:30
#if os(iOS)
Button {
player.hide()
} label: {
Image(systemName: "xmark")
.font(.system(size: 40))
}
.buttonStyle(.plain)
.padding(10)
.foregroundColor(.gray)
#endif
}
.background(Color.black)
.contentShape(Rectangle())
2022-06-25 05:09:29 +05:30
.frame(width: player.playerSize.width, height: player.playerSize.height)
2021-07-19 04:02:46 +05:30
}
}
2021-08-23 00:43:33 +05:30
2022-06-25 05:09:29 +05:30
var pictureInPicturePlaceholder: 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())
2022-06-25 05:09:29 +05:30
.frame(width: player.playerSize.width, height: player.playerSize.height)
}
#if os(iOS)
private func configureOrientationUpdatesBasedOnAccelerometer() {
2022-07-10 03:59:13 +05:30
if OrientationTracker.shared.currentInterfaceOrientation.isLandscape,
Defaults[.enterFullscreenInLandscape],
!player.playingFullScreen,
!player.playingInPictureInPicture
{
DispatchQueue.main.async {
player.enterFullScreen()
}
}
2022-07-10 16:44:07 +05:30
orientationObserver = NotificationCenter.default.addObserver(
2022-07-10 03:59:13 +05:30
forName: OrientationTracker.deviceOrientationChangedNotification,
object: nil,
queue: .main
) { _ in
guard !Defaults[.honorSystemOrientationLock], player.presentingPlayer, !player.playingInPictureInPicture else {
return
}
2022-07-10 03:59:13 +05:30
let orientation = OrientationTracker.shared.currentInterfaceOrientation
guard lastOrientation != orientation else {
return
}
lastOrientation = orientation
2022-07-10 03:59:13 +05:30
DispatchQueue.main.async {
guard Defaults[.enterFullscreenInLandscape] else {
return
}
2022-07-10 03:59:13 +05:30
if orientation.isLandscape {
player.enterFullScreen()
2022-07-10 03:59:13 +05:30
Orientation.lockOrientation(OrientationTracker.shared.currentInterfaceOrientationMask, andRotateTo: orientation)
} else {
if !player.playingFullScreen {
player.exitFullScreen()
} else {
Orientation.lockOrientation(.allButUpsideDown, andRotateTo: .portrait)
}
}
}
}
}
2022-07-10 16:44:07 +05:30
private func stopOrientationUpdates() {
guard let observer = orientationObserver else { return }
NotificationCenter.default.removeObserver(observer)
}
#endif
#if os(tvOS)
var tvControls: some View {
TVControls(model: playerControls, player: player, thumbnails: thumbnails)
.onReceive(playerControls.reporter) { _ in
playerControls.show()
playerControls.resetTimer()
}
}
#endif
2021-08-23 00:43:33 +05:30
}
struct VideoPlayerView_Previews: PreviewProvider {
static var previews: some View {
VideoPlayerView()
.injectFixtureEnvironmentObjects()
2021-08-23 00:43:33 +05:30
}
2021-07-19 04:02:46 +05:30
}