yattee/Shared/Player/VideoPlayerView.swift

494 lines
19 KiB
Swift
Raw Normal View History

2021-07-18 22:32:46 +00:00
import AVKit
#if os(iOS)
import CoreMotion
#endif
import Defaults
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-05-29 20:13:21 +00:00
static let hiddenOffset = max(UIScreen.main.bounds.height, UIScreen.main.bounds.width) + 100
2022-05-29 12:29:43 +00:00
#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
}
2021-11-03 23:00:17 +00:00
@State private var playerSize: CGSize = .zero
2022-02-27 20:31:17 +00:00
@State private var hoveringPlayer = false
@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)
@Environment(\.horizontalSizeClass) private var horizontalSizeClass
2021-08-22 19:13:33 +00:00
@Environment(\.verticalSizeClass) private var verticalSizeClass
@Default(.enterFullscreenInLandscape) private var enterFullscreenInLandscape
@Default(.honorSystemOrientationLock) private var honorSystemOrientationLock
2022-05-29 13:34:40 +00:00
@Default(.lockOrientationInFullScreen) private var lockOrientationInFullScreen
@State private var motionManager: CMMotionManager!
@State private var orientation = UIInterfaceOrientation.portrait
@State private var lastOrientation: UIInterfaceOrientation?
2022-02-27 20:31:17 +00:00
#elseif os(macOS)
var mouseLocation: CGPoint { NSEvent.mouseLocation }
2021-08-22 19:13:33 +00:00
#endif
2021-08-16 22:46:18 +00:00
2022-05-29 20:30:00 +00:00
#if os(iOS)
2022-05-29 20:13:21 +00:00
@State private var viewVerticalOffset = Self.hiddenOffset
#endif
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
@EnvironmentObject<PlayerModel> private var player
2022-06-07 21:27:48 +00:00
@EnvironmentObject<ThumbnailsModel> private var thumbnails
2021-09-25 08:18:22 +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) }
.frame(minWidth: 950, minHeight: 700)
2021-11-04 22:01:27 +00:00
#else
2022-04-03 22:33:09 +00:00
GeometryReader { geometry in
HStack(spacing: 0) {
content
.onAppear {
playerSize = geometry.size
}
}
.onChange(of: geometry.size) { size in
self.playerSize = size
}
2022-04-03 22:33:09 +00:00
.onChange(of: fullScreenDetails) { value in
player.backend.setNeedsDrawing(!value)
}
#if os(iOS)
.onReceive(NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)) { _ in
handleOrientationDidChangeNotification()
}
2022-05-29 12:29:43 +00:00
.onChange(of: player.presentingPlayer) { newValue in
if newValue {
2022-05-29 20:13:21 +00:00
viewVerticalOffset = 0
2022-05-29 20:30:00 +00:00
configureOrientationUpdatesBasedOnAccelerometer()
2022-05-29 12:29:43 +00:00
} else {
2022-05-29 20:30:00 +00:00
if Defaults[.lockPortraitWhenBrowsing] {
Orientation.lockOrientation(.portrait, andRotateTo: .portrait)
} else {
Orientation.lockOrientation(.allButUpsideDown)
}
2022-05-29 12:29:43 +00:00
2022-05-29 20:30:00 +00:00
motionManager?.stopAccelerometerUpdates()
motionManager = nil
viewVerticalOffset = Self.hiddenOffset
2022-05-29 12:29:43 +00:00
}
}
2022-05-29 20:30:00 +00:00
#endif
2021-11-04 22:01:27 +00:00
}
2022-05-29 20:30:00 +00:00
#if os(iOS)
2022-05-29 20:13:21 +00:00
.offset(y: viewVerticalOffset)
.animation(.easeIn(duration: 0.2), value: viewVerticalOffset)
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
}
var content: some View {
Group {
2021-10-28 17:14:55 +00:00
Group {
#if os(tvOS)
2022-03-27 19:22:13 +00:00
playerView
2022-02-16 20:23:11 +00:00
.ignoresSafeArea(.all, edges: .all)
2022-03-27 19:22:13 +00:00
.onMoveCommand { direction in
if direction == .left {
playerControls.resetTimer()
player.backend.seek(relative: .secondsInDefaultTimescale(-10))
}
if direction == .right {
playerControls.resetTimer()
player.backend.seek(relative: .secondsInDefaultTimescale(10))
}
if direction == .up {
playerControls.show()
playerControls.resetTimer()
}
if direction == .down {
playerControls.show()
playerControls.resetTimer()
}
}
#else
GeometryReader { geometry in
VStack(spacing: 0) {
2022-06-07 21:27:48 +00:00
if player.playingInPictureInPicture {
pictureInPicturePlaceholder(geometry: geometry)
} else {
2022-03-27 19:22:13 +00:00
playerView
#if !os(tvOS)
2022-02-16 20:23:11 +00:00
.modifier(
VideoPlayerSizeModifier(
geometry: geometry,
aspectRatio: player.avPlayerBackend.controller?.aspectRatio,
fullScreen: playerControls.playingFullscreen
)
2022-02-16 20:23:11 +00:00
)
2022-06-07 21:27:48 +00:00
.overlay(playerPlaceholder(geometry: geometry))
2022-03-27 19:22:13 +00:00
#endif
2021-08-22 19:13:33 +00:00
}
}
2022-02-16 20:23:11 +00:00
.frame(maxWidth: fullScreenLayout ? .infinity : nil, maxHeight: fullScreenLayout ? .infinity : nil)
2022-02-27 20:31:17 +00:00
.onHover { hovering in
hoveringPlayer = hovering
hovering ? playerControls.show() : playerControls.hide()
}
2022-05-29 12:29:43 +00:00
#if !os(macOS)
.gesture(
2022-05-29 13:35:02 +00:00
DragGesture(coordinateSpace: .global)
.onChanged { value in
guard !fullScreenLayout else {
2022-05-29 13:35:02 +00:00
return // swiftlint:disable:this implicit_return
}
player.backend.setNeedsDrawing(false)
let drag = value.translation.height
guard drag > 0 else {
2022-05-29 13:35:02 +00:00
return // swiftlint:disable:this implicit_return
}
2022-05-29 13:35:02 +00:00
withAnimation(.easeInOut(duration: 0.2)) {
2022-05-29 20:13:21 +00:00
viewVerticalOffset = drag
}
}
.onEnded { _ in
2022-05-29 20:13:21 +00:00
if viewVerticalOffset > 100 {
2022-05-29 13:35:02 +00:00
player.backend.setNeedsDrawing(false)
player.hide()
} else {
2022-05-29 20:13:21 +00:00
viewVerticalOffset = 0
2022-05-29 13:35:02 +00:00
player.backend.setNeedsDrawing(true)
player.show()
}
}
)
2022-05-29 12:29:43 +00:00
#else
2022-05-29 13:35:02 +00:00
.onAppear(perform: {
NSEvent.addLocalMonitorForEvents(matching: [.mouseMoved]) {
if hoveringPlayer {
playerControls.resetTimer()
}
2022-02-27 20:31:17 +00:00
2022-05-29 13:35:02 +00:00
return $0
}
})
#endif
2022-05-29 13:35:02 +00:00
.background(Color.black)
2022-03-27 19:22:13 +00:00
#if !os(tvOS)
if !playerControls.playingFullscreen {
Group {
#if os(iOS)
if verticalSizeClass == .regular {
VideoDetails(sidebarQueue: sidebarQueueBinding, fullScreen: $fullScreenDetails)
}
2022-03-27 19:22:13 +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
))
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-02-16 20:23:11 +00:00
.background(((colorScheme == .dark || fullScreenLayout) ? Color.black : Color.white).edgesIgnoringSafeArea(.all))
#if os(macOS)
2021-12-02 20:35:42 +00:00
.frame(minWidth: 650)
#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())
2022-03-27 19:22:13 +00:00
#if os(iOS)
2022-02-27 20:31:17 +00:00
.statusBar(hidden: playerControls.playingFullscreen)
.navigationBarHidden(true)
#endif
2022-02-16 20:23:11 +00:00
}
2022-03-27 19:22:13 +00:00
var playerView: some View {
ZStack(alignment: .top) {
switch player.activeBackend {
case .mpv:
player.mpvPlayerView
.overlay(GeometryReader { proxy in
Color.clear
.onAppear {
player.playerSize = proxy.size
}
.onChange(of: proxy.size) { _ in
player.playerSize = proxy.size
}
})
case .appleAVPlayer:
player.avPlayerView
2022-05-20 21:23:14 +00:00
#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-27 19:22:13 +00:00
}
#if !os(tvOS)
PlayerGestures()
#endif
2022-06-07 21:27:48 +00:00
PlayerControls(player: player, thumbnails: thumbnails)
2022-03-27 19:22:13 +00:00
}
}
2022-02-16 20:23:11 +00:00
var fullScreenLayout: Bool {
2022-03-27 19:22:13 +00:00
#if os(iOS)
2022-02-27 20:31:17 +00:00
playerControls.playingFullscreen || verticalSizeClass == .compact
#else
playerControls.playingFullscreen
#endif
}
2022-06-07 21:27:48 +00:00
@ViewBuilder func playerPlaceholder(geometry: GeometryProxy) -> some View {
if player.currentItem.isNil {
ZStack(alignment: .topLeading) {
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 {
player.hide()
} label: {
Image(systemName: "xmark")
.font(.system(size: 40))
}
.buttonStyle(.plain)
.padding(10)
.foregroundColor(.gray)
#endif
}
.background(Color.black)
.contentShape(Rectangle())
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: geometry.size.width / Self.defaultAspectRatio)
2021-07-18 22:32:46 +00:00
}
}
2021-08-22 19:13:33 +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())
2022-05-20 19:53:17 +00:00
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: geometry.size.width / Self.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-11-03 23:00:17 +00:00
}
2021-11-03 23:00:17 +00:00
var sidebarQueueBinding: Binding<Bool> {
Binding(
get: { sidebarQueue },
set: { _ in }
)
}
#if os(iOS)
private func configureOrientationUpdatesBasedOnAccelerometer() {
if UIDevice.current.orientation.isLandscape,
enterFullscreenInLandscape,
2022-02-16 20:23:11 +00:00
!playerControls.playingFullscreen,
!player.playingInPictureInPicture
{
DispatchQueue.main.async {
player.enterFullScreen()
}
}
guard !honorSystemOrientationLock, motionManager.isNil else {
return
}
motionManager = CMMotionManager()
motionManager.accelerometerUpdateInterval = 0.2
motionManager.startAccelerometerUpdates(to: OperationQueue()) { data, _ in
guard player.presentingPlayer, !player.playingInPictureInPicture, !data.isNil else {
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()
let orientationLockMask = orientation == .landscapeLeft ?
UIInterfaceOrientationMask.landscapeLeft : .landscapeRight
Orientation.lockOrientation(orientationLockMask, andRotateTo: orientation)
2022-05-29 13:34:40 +00:00
guard lockOrientationInFullScreen else {
return
}
player.lockedOrientation = orientation
}
} else {
guard abs(acceleration.z) <= 0.74,
player.lockedOrientation.isNil,
enterFullscreenInLandscape,
2022-05-29 13:34:40 +00:00
!lockOrientationInFullScreen
else {
return
}
DispatchQueue.main.asyncAfter(deadline: .now() + 0.4) {
player.exitFullScreen()
}
Orientation.lockOrientation(.portrait)
}
}
}
private func handleOrientationDidChangeNotification() {
2022-05-29 20:13:21 +00:00
viewVerticalOffset = viewVerticalOffset == 0 ? 0 : Self.hiddenOffset
let newOrientation = UIApplication.shared.windows.first?.windowScene?.interfaceOrientation
if newOrientation?.isLandscape ?? false,
player.presentingPlayer,
2022-05-29 13:34:40 +00:00
lockOrientationInFullScreen,
!player.lockedOrientation.isNil
{
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 {
VideoPlayerView()
.injectFixtureEnvironmentObjects()
2021-08-22 19:13:33 +00:00
}
2021-07-18 22:32:46 +00:00
}