PlaybackView.swift

//
//  Copyright (c) SRG SSR. All rights reserved.
//
//  License information is available from the LICENSE file.
//

import AVFoundation
import CoreMedia
import PillarboxMonitoring
import PillarboxPlayer
import SwiftUI

#if os(iOS)

// Behavior: h-exp, v-exp
private struct MainView: View {
    @ObservedObject var player: Player
    @Binding var layout: PlaybackView.Layout
    let supportsPictureInPicture: Bool
    let progressTracker: ProgressTracker

    @StateObject private var visibilityTracker = VisibilityTracker()
    @State private var metricsCollector = MetricsCollector(interval: .init(value: 1, timescale: 1), limit: 90)

    @State private var layoutInfo: LayoutInfo = .none
    @State private var isPresentingMetrics = false
    @State private var selectedGravity: AVLayerVideoGravity = .resizeAspect
    @State private var isInteracting = false

    private var prioritizesVideoDevices: Bool {
        player.mediaType == .video
    }

    private var shouldHideInterface: Bool {
        isUserInterfaceHidden || (isInteracting && !shouldKeepControlsAlwaysVisible)
    }

    private var shouldKeepControlsAlwaysVisible: Bool {
        player.isExternalPlaybackActive || player.mediaType != .video
    }

    var body: some View {
        AdaptiveSheetContainer(isPresenting: $isPresentingMetrics) {
            ZStack {
                main()
                bottomBar()
                topBar()
            }
            .animation(.defaultLinear, value: shouldHideInterface)
        } sheet: {
            MetricsView(metricsCollector: metricsCollector)
        }
        .statusBarHidden(isFullScreen ? isUserInterfaceHidden : false)
        .bind(visibilityTracker, to: player)
        .bind(metricsCollector, to: player)
    }

    private var isFullScreen: Bool {
        layout == .inline || layout == .maximized
    }

    private var gravity: AVLayerVideoGravity {
        layoutInfo.isOverCurrentContext ? selectedGravity : .resizeAspect
    }

    private var toggleGestureMask: GestureMask {
        !isInteracting ? .all : .subviews
    }

    private var magnificationGestureMask: GestureMask {
        layoutInfo.isOverCurrentContext ? .all : .subviews
    }

    private var isUserInterfaceHidden: Bool {
        visibilityTracker.isUserInterfaceHidden && !shouldKeepControlsAlwaysVisible && !player.canReplay()
    }

    private var title: String? {
        player.metadata.title
    }

    private var subtitle: String? {
        player.metadata.subtitle
    }

    private var isMonoscopic: Bool {
        player.metadata.viewport == .monoscopic
    }

    private func toggleGesture() -> some Gesture {
        TapGesture()
            .onEnded(visibilityTracker.toggle)
    }

    private func magnificationGesture() -> some Gesture {
        MagnificationGesture()
            .onChanged { scale in
                selectedGravity = scale > 1.0 ? .resizeAspectFill : .resizeAspect
            }
    }

    private func visibilityResetGesture() -> some Gesture {
        TapGesture()
            .onEnded(visibilityTracker.reset)
    }

    @ViewBuilder
    private func main() -> some View {
        ZStack {
            video()
                .accessibilityElement()
                .accessibilityLabel("Video")
                .accessibilityHint("Double tap to toggle controls")
                .accessibilityAction(.default, visibilityTracker.toggle)
                .accessibilityHidden(shouldKeepControlsAlwaysVisible)
            controls()
        }
        .ignoresSafeArea()
        .animation(.defaultLinear, values: isUserInterfaceHidden, isInteracting)
        .readLayout(into: $layoutInfo)
        .gesture(toggleGesture(), including: toggleGestureMask)
        .gesture(magnificationGesture(), including: magnificationGestureMask)
        .simultaneousGesture(visibilityResetGesture())
        .supportsHighSpeed(!isMonoscopic, for: player)
    }

    @ViewBuilder
    private func metadata() -> some View {
        VStack(alignment: .leading) {
            HStack {
                LiveLabel(player: player, progressTracker: progressTracker)
                if let subtitle {
                    Text(subtitle)
                        .font(.footnote)
                        .fontWeight(.semibold)
                        .lineLimit(2)
                }
            }
            if let title {
                Text(title)
                    .font(.title2)
                    .fontWeight(.bold)
                    .lineLimit(1)
            }
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .foregroundStyle(.white)
        .opacity(shouldHideInterface ? 0 : 1)
    }

    @ViewBuilder
    private func bottomBar() -> some View {
        VStack(spacing: 20) {
            skipButton()
            bottomControls()
        }
        .animation(.defaultLinear, values: isUserInterfaceHidden, isInteracting)
        .padding(.horizontal)
        .padding(.vertical, 10)
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .bottom)
    }

    @ViewBuilder
    private func bottomControls() -> some View {
        VStack(spacing: 0) {
            HStack(alignment: .bottom) {
                metadata()
                if isFullScreen {
                    bottomButtons()
                }
            }

            HStack(spacing: 20) {
                TimeBar(player: player, visibilityTracker: visibilityTracker, isInteracting: $isInteracting)
                if !isFullScreen {
                    bottomButtons()
                }
            }
        }
        .preventsTouchPropagation()
        .opacity(isUserInterfaceHidden ? 0 : 1)
    }

    @ViewBuilder
    private func bottomButtons() -> some View {
        HStack(spacing: 20) {
            LiveButton(player: player, progressTracker: progressTracker)
            SettingsMenu(player: player, isPresentingMetrics: $isPresentingMetrics)
            FullScreenButton(layout: $layout)
        }
        .opacity(isFullScreen && shouldHideInterface ? 0 : 1)
    }

    @ViewBuilder
    private func topBar() -> some View {
        HStack {
            HStack(spacing: 20) {
                CloseButton()
                if supportsPictureInPicture {
                    PiPButton()
                }
                routePickerView()
            }
            .opacity(shouldHideInterface ? 0 : 1)
            Spacer()
            HStack(spacing: 20) {
                LoadingIndicator(player: player)
                if !shouldHideInterface {
                    VolumeButton(player: player)
                }
            }
        }
        .topBarStyle()
        .preventsTouchPropagation()
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
    }

    @ViewBuilder
    private func routePickerView() -> some View {
        RoutePickerView(prioritizesVideoDevices: prioritizesVideoDevices)
            .tint(.white)
            .aspectRatio(contentMode: .fit)
            .frame(width: 20)
    }

    @ViewBuilder
    private func artwork(for imageSource: ImageSource) -> some View {
        LazyImage(source: imageSource) { image in
            image
                .resizable()
                .aspectRatio(contentMode: .fit)
        }
        .animation(.easeIn(duration: 0.2), value: imageSource)
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }

    @ViewBuilder
    private func video() -> some View {
        ZStack {
            if player.mediaType == .audio {
                artwork(for: player.metadata.imageSource)
            }
            else if player.isExternalPlaybackActive {
                image(name: "tv")
            }
            else if isMonoscopic {
                MonoscopicVideoView(player: player)
            }
            else {
                VideoView(player: player)
                    .gravity(gravity)
                    .supportsPictureInPicture(supportsPictureInPicture)
            }
        }
        .opacity(player.mediaType != .unknown ? 1 : 0)
        .animation(.easeIn(duration: 0.2), values: player.mediaType, player.isExternalPlaybackActive)
    }

    @ViewBuilder
    private func controls() -> some View {
        ZStack {
            Color(white: 0, opacity: 0.5)
                .ignoresSafeArea()
            ControlsView(player: player, progressTracker: progressTracker)
        }
        .opacity(shouldHideInterface ? 0 : 1)
    }

    @ViewBuilder
    private func skipButton() -> some View {
        SkipButton(player: player, progressTacker: progressTracker)
            .padding(.trailing, 20)
            .frame(maxWidth: .infinity, alignment: .trailing)
    }

    @ViewBuilder
    private func image(name: String) -> some View {
        Image(systemName: name)
            .resizable()
            .aspectRatio(contentMode: .fit)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            // https://www.hackingwithswift.com/quick-start/swiftui/how-to-control-the-tappable-area-of-a-view-using-contentshape
            .contentShape(Rectangle())
            .foregroundColor(.white)
            .padding(60)
    }
}

private struct SkipButton: View {
    let player: Player
    @ObservedObject var progressTacker: ProgressTracker

    private var skippableTimeRange: TimeRange? {
        player.skippableTimeRange(at: progressTacker.time)
    }

    var body: some View {
        Button(action: skip) {
            Text("Skip")
                .font(.subheadline)
                .bold()
                .foregroundStyle(.white)
                .padding(.vertical, 8)
                .padding(.horizontal, 10)
                .background {
                    RoundedRectangle(cornerRadius: 2)
                        .fill(Color(white: 0.1))
                    RoundedRectangle(cornerRadius: 2)
                        .stroke(lineWidth: 2.0)
                        .foregroundStyle(Color(white: 0.3))
                }
        }
        .opacity(skippableTimeRange != nil ? 1 : 0)
        .animation(.easeInOut, value: skippableTimeRange)
    }

    private func skip() {
        guard let skippableTimeRange else { return }
        player.seek(to: skippableTimeRange.end)
    }
}

private struct ControlsView: View {
    @ObservedObject var player: Player
    @ObservedObject var progressTracker: ProgressTracker

    var body: some View {
        HStack(spacing: 30) {
            SkipBackwardButton(player: player, progressTracker: progressTracker)
            PlaybackButton(player: player)
            SkipForwardButton(player: player, progressTracker: progressTracker)
        }
        ._debugBodyCounter(color: .green)
        .animation(.defaultLinear, value: player.playbackState)
        .bind(progressTracker, to: player)
    }
}

// Behavior: h-hug, v-hug
private struct SkipBackwardButton: View {
    @ObservedObject var player: Player
    @ObservedObject var progressTracker: ProgressTracker

    var body: some View {
        Button(action: skipBackward) {
            Image(systemName: "gobackward.10")
                .resizable()
                .tint(.white)
        }
        .aspectRatio(contentMode: .fit)
        .frame(height: 45)
        .opacity(player.canSkipBackward() ? 1 : 0)
        .animation(.defaultLinear, value: player.canSkipBackward())
        .keyboardShortcut("s", modifiers: [])
    }

    private func skipBackward() {
        player.skipBackward()
    }
}

// Behavior: h-hug, v-hug
private struct SkipForwardButton: View {
    @ObservedObject var player: Player
    @ObservedObject var progressTracker: ProgressTracker

    var body: some View {
        Button(action: skipForward) {
            Image(systemName: "goforward.10")
                .resizable()
                .tint(.white)
        }
        .aspectRatio(contentMode: .fit)
        .frame(height: 45)
        .opacity(player.canSkipForward() ? 1 : 0)
        .animation(.defaultLinear, value: player.canSkipForward())
        .keyboardShortcut("d", modifiers: [])
    }

    private func skipForward() {
        player.skipForward()
    }
}

// Behavior: h-hug, v-hug
private struct FullScreenButton: View {
    @Binding var layout: PlaybackView.Layout

    var body: some View {
        if let imageName {
            Button(action: toggleFullScreen) {
                Image(systemName: imageName)
                    .tint(.white)
                    .font(.system(size: 20))
            }
            .keyboardShortcut("f", modifiers: [])
        }
    }

    private var imageName: String? {
        switch layout {
        case .inline:
            return nil
        case .minimized:
            return "arrow.up.left.and.arrow.down.right"
        case .maximized:
            return "arrow.down.right.and.arrow.up.left"
        }
    }

    private func toggleFullScreen() {
        switch layout {
        case .minimized:
            layout = .maximized
        case .maximized:
            layout = .minimized
        default:
            break
        }
    }
}

// Behavior: h-hug, v-hug
private struct VolumeButton: View {
    @ObservedObject var player: Player

    var body: some View {
        Button(action: toggleMuted) {
            Image(systemName: imageName)
                .tint(.white)
                .font(.system(size: 20))
        }
        .keyboardShortcut("m", modifiers: [])
    }

    private var imageName: String {
        player.isMuted ? "speaker.slash.fill" : "speaker.wave.3.fill"
    }

    private func toggleMuted() {
        player.isMuted.toggle()
    }
}

private struct SettingsMenu: View {
    let player: Player
    @Binding var isPresentingMetrics: Bool

    var body: some View {
        Menu {
            player.standardSettingMenu()
            QualityMenu(player: player)
            metricsMenu()
        } label: {
            Image(systemName: "ellipsis.circle")
                .font(.system(size: 20))
                .tint(.white)
        }
        .menuOrder(.fixed)
    }

    @ViewBuilder
    private func metricsMenu() -> some View {
        if !isPresentingMetrics {
            Button(action: showMetrics) {
                Label("Metrics", systemImage: "chart.bar")
            }
        }
    }

    private func showMetrics() {
        isPresentingMetrics = true
    }
}

private struct QualityMenu: View {
    let player: Player

    @AppStorage(UserDefaults.DemoSettingKey.qualitySetting.rawValue)
    private var qualitySetting: QualitySetting = .high

    var body: some View {
        Menu {
            Picker("Quality", selection: $qualitySetting) {
                ForEach(QualitySetting.allCases, id: \.self) { quality in
                    Text(quality.name).tag(quality)
                }
            }
            .pickerStyle(.inline)
        } label: {
            Label {
                Text("Quality")
            } icon: {
                Image(systemName: "person.and.background.dotted")
            }
        }
    }
}

// Behavior: h-hug, v-hug
private struct LoadingIndicator: View {
    let player: Player

    @State private var isBuffering = false

    var body: some View {
        ProgressView()
            .tint(.white)
            .opacity(isBuffering ? 1 : 0)
            .animation(.linear(duration: 0.1), value: isBuffering)
            .accessibilityHidden(true)
            .onReceive(player: player, assign: \.isBuffering, to: $isBuffering)
    }
}

// Behavior: h-hug, v-hug
private struct LiveLabel: View {
    @ObservedObject var player: Player
    @ObservedObject var progressTracker: ProgressTracker
    @State private var streamType: StreamType = .unknown

    private var canSkipToLive: Bool {
        player.canSkipToDefault()
    }

    private var liveButtonColor: Color {
        canSkipToLive && streamType == .dvr ? .gray : .red
    }

    var body: some View {
        Group {
            if streamType == .dvr || streamType == .live {
                Text("LIVE")
                    .font(.footnote)
                    .padding(.horizontal, 7)
                    .background(liveButtonColor)
                    .foregroundColor(.white)
                    .clipShape(.capsule)
            }
        }
        .onReceive(player: player, assign: \.streamType, to: $streamType)
    }
}
// Behavior: h-hug, v-hug
private struct LiveButton: View {
    @ObservedObject var player: Player
    @ObservedObject var progressTracker: ProgressTracker
    @State private var streamType: StreamType = .unknown

    private var canSkipToLive: Bool {
        streamType == .dvr && player.canSkipToDefault()
    }

    var body: some View {
        Group {
            if canSkipToLive {
                Button(action: skipToLive) {
                    Image(systemName: "forward.end.fill")
                        .foregroundStyle(.white)
                        .fontWeight(.ultraLight)
                        .font(.system(size: 20))
                }
                .accessibilityLabel("Jump to live")
            }
        }
        .onReceive(player: player, assign: \.streamType, to: $streamType)
    }

    private func skipToLive() {
        player.skipToDefault()
    }
}

// Behavior: h-exp, v-hug
private struct TimeBar: View {
    @ObservedObject var player: Player
    @ObservedObject var visibilityTracker: VisibilityTracker
    @Binding var isInteracting: Bool

    @StateObject private var progressTracker = ProgressTracker(
        interval: CMTime(value: 1, timescale: 10),
        seekBehavior: UserDefaults.standard.seekBehavior
    )

    var body: some View {
        TimeSlider(player: player, progressTracker: progressTracker, visibilityTracker: visibilityTracker)
            .onChange(of: progressTracker.isInteracting) { isInteracting = $0 }
            .bind(progressTracker, to: player)
    }
}

// Behavior: h-exp, v-hug
private struct TimeSlider: View {
    private static let shortFormatter: DateComponentsFormatter = {
        let formatter = DateComponentsFormatter()
        formatter.allowedUnits = [.second, .minute]
        formatter.zeroFormattingBehavior = .pad
        return formatter
    }()

    private static let longFormatter: DateComponentsFormatter = {
        let formatter = DateComponentsFormatter()
        formatter.allowedUnits = [.second, .minute, .hour]
        formatter.zeroFormattingBehavior = .pad
        return formatter
    }()

    private static let timeFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateStyle = .none
        formatter.timeStyle = .medium
        return formatter
    }()

    @ObservedObject var player: Player
    @ObservedObject var progressTracker: ProgressTracker
    @ObservedObject var visibilityTracker: VisibilityTracker
    @State private var streamType: StreamType = .unknown

    private var formattedElapsedTime: String? {
        if streamType == .onDemand {
            return Self.formattedTime((progressTracker.time - progressTracker.timeRange.start), duration: progressTracker.timeRange.duration)
        }
        else if let date = progressTracker.date() {
            return Self.timeFormatter.string(from: date)
        }
        else {
            return nil
        }
    }

    private var formattedTotalTime: String? {
        guard streamType == .onDemand else { return nil }
        return Self.formattedTime(progressTracker.timeRange.duration, duration: progressTracker.timeRange.duration)
    }

    private var isVisible: Bool {
        progressTracker.isProgressAvailable && streamType != .unknown
    }

    var body: some View {
        PlaybackSlider(
            progressTracker: progressTracker,
            timeRanges: player.metadata.timeRanges,
            minimumValueLabel: {
                label(withText: formattedElapsedTime)
            },
            maximumValueLabel: {
                label(withText: formattedTotalTime)
            },
            onDragging: {
                if UserDefaults.standard.seekBehavior == .deferred {
                    visibilityTracker.reset()
                }
            }
        )
        .foregroundColor(.white)
        .tint(.white)
        .shadow(color: .init(white: 0.2, opacity: 0.8), radius: 15)
        .opacity(isVisible ? 1 : 0)
        ._debugBodyCounter(color: .blue)
        .onReceive(player: player, assign: \.streamType, to: $streamType)
    }

    private static func formattedTime(_ time: CMTime, duration: CMTime) -> String? {
        guard time.isValid, duration.isValid else { return nil }
        if duration.seconds < 60 * 60 {
            return shortFormatter.string(from: time.seconds)!
        }
        else {
            return longFormatter.string(from: time.seconds)!
        }
    }

    @ViewBuilder
    private func label(withText text: String?) -> some View {
        if let text {
            Text(text)
                .font(.caption)
                .monospacedDigit()
                .foregroundColor(.white)
                .shadow(color: .init(white: 0.2, opacity: 0.8), radius: 15)
        }
    }
}

private struct AdaptiveSheetContainer<Content, Sheet>: View where Content: View, Sheet: View {
    @Binding var isPresenting: Bool

    @ViewBuilder let content: () -> Content
    @ViewBuilder let sheet: () -> Sheet

    @Environment(\.horizontalSizeClass) private var horizontalSizeClass

    var body: some View {
        switch horizontalSizeClass {
        case .compact:
            compactView()
        default:
            defaultView()
        }
    }

    private func compactView() -> some View {
        content()
            .sheet(isPresented: $isPresenting) {
                NavigationStack {
                    sheet()
                }
                .presentationDetents([.medium, .large])
            }
    }

    private func defaultView() -> some View {
        HStack(spacing: 0) {
            content()
            if isPresenting {
                NavigationStack {
                    sheet()
                        .toolbar(content: toolbarContent)
                }
                .frame(width: 420)
            }
        }
        .animation(.default, value: isPresenting)
    }

    private func toolbarContent() -> some ToolbarContent {
        ToolbarItem(placement: .topBarLeading) {
            Button("Hide", action: close)
        }
    }

    private func close() {
        isPresenting = false
    }
}

#else

private struct MainSystemView: View {
    let player: Player
    let supportsPictureInPicture: Bool
    @ObservedObject var progressTracker: ProgressTracker

    private var contextualActions: [ContextualAction] {
        if let skippableTimeRange = player.skippableTimeRange(at: progressTracker.time) {
            return [
                .init(title: "Skip") {
                    player.seek(to: skippableTimeRange.end)
                }
            ]
        }
        else {
            return []
        }
    }

    var body: some View {
        SystemVideoView(player: player)
            .supportsPictureInPicture(supportsPictureInPicture)
            .contextualActions(contextualActions)
            .ignoresSafeArea()
    }
}

#endif

// Behavior: h-hug, v-hug
private struct PlaybackMessageView: View {
    let title: String
    let subtitle: String?

    var body: some View {
        VStack {
            Text(title)
                .foregroundColor(.white)
                .font(.body)
            if let subtitle {
                Text(subtitle)
                    .foregroundColor(Color(uiColor: .lightGray))
                    .font(.subheadline)
#if os(iOS)
                    .textSelection(.enabled)
#endif
            }
        }
        .padding()
        .multilineTextAlignment(.center)
    }

    init(title: String, subtitle: String? = nil) {
        self.title = title
        self.subtitle = subtitle
    }
}

// Behavior: h-hug, v-hug
private struct PlaybackButton: View {
    @ObservedObject var player: Player

    private var imageName: String {
        if player.canReplay() {
            return "arrow.counterclockwise.circle.fill"
        }
        else if player.shouldPlay {
            return "pause.circle.fill"
        }
        else {
            return "play.circle.fill"
        }
    }

    private var accessibilityLabel: String {
        if player.canReplay() {
            return "Restart"
        }
        else if player.shouldPlay {
            return "Pause"
        }
        else {
            return "Play"
        }
    }

    var body: some View {
        Button(action: play) {
            Image(systemName: imageName)
                .resizable()
                .tint(.white)
        }
#if os(iOS)
        .keyboardShortcut(.space, modifiers: [])
#endif
        .aspectRatio(contentMode: .fit)
        .frame(minWidth: 120, maxHeight: 90)
        .accessibilityLabel(accessibilityLabel)
    }

    private func play() {
        if player.canReplay() {
            player.replay()
        }
        else {
            player.togglePlayPause()
        }
    }
}

private struct ErrorView: View {
    let description: String
    @ObservedObject var player: Player

    private var subtitle: String? {
        let sessionIdentifiers = player.currentSessionIdentifiers(trackedBy: MetricsTracker.self)
        guard !sessionIdentifiers.isEmpty else { return nil }
        return  "Monitoring: \(sessionIdentifiers.joined(separator: ", "))"
    }

    var body: some View {
        VStack {
            PlaybackButton(player: player)
            PlaybackMessageView(title: description, subtitle: subtitle)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .overlay(alignment: .topLeading) {
            CloseButton(topBarStyle: true)
        }
    }
}

/// A playback view with standard controls. Requires an ancestor view to own the player to be used.
/// Behavior: h-exp, v-exp
struct PlaybackView: View {
    enum Layout {
        case inline
        case minimized
        case maximized
    }

    @ObservedObject private var player: Player
    @Binding private var layout: Layout
    @State private var progressTracker = ProgressTracker(interval: CMTime(value: 1, timescale: 1))

    private var supportsPictureInPicture = false

    var body: some View {
        ZStack {
            if let error = player.error {
                ErrorView(description: error.localizedDescription, player: player)
            }
            else if !player.items.isEmpty {
                mainView()
                    .persistentSystemOverlays(.hidden)
            }
            else {
                PlaybackMessageView(title: "No content")
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .overlay(alignment: .topLeading) {
                        CloseButton(topBarStyle: true)
                    }
            }
        }
        .background(.black)
        .bind(progressTracker, to: player)
    }

    private var isMonoscopic: Bool {
        player.metadata.viewport == .monoscopic
    }

    init(player: Player, layout: Binding<Layout> = .constant(.inline)) {
        self.player = player
        _layout = layout
    }

    @ViewBuilder
    private func mainView() -> some View {
        ZStack {
#if os(iOS)
            MainView(
                player: player,
                layout: $layout,
                supportsPictureInPicture: supportsPictureInPicture,
                progressTracker: progressTracker
            )
#else
            if isMonoscopic {
                VideoView(player: player)
                    .ignoresSafeArea()
            }
            else {
                MainSystemView(
                    player: player,
                    supportsPictureInPicture: supportsPictureInPicture,
                    progressTracker: progressTracker
                )
            }
#endif
        }
        ._debugBodyCounter()
    }
}

extension PlaybackView {
    func supportsPictureInPicture(_ supportsPictureInPicture: Bool = true) -> PlaybackView {
        var view = self
        view.supportsPictureInPicture = supportsPictureInPicture
        return view
    }
}

private extension Player {
    func skippableTimeRange(at time: CMTime) -> TimeRange? {
        metadata.timeRanges.first { timeRange in
            if case .credits = timeRange.kind, timeRange.containsTime(time) {
                return true
            }
            else {
                return false
            }
        }
    }
}

#Preview {
    PlaybackView(player: Player(item: URLMedia.onDemandVideoLocalHLS.item()))
}