150 lines
6.0 KiB
Swift
150 lines
6.0 KiB
Swift
//
|
|
// Swiftfin is subject to the terms of the Mozilla Public
|
|
// License, v2.0. If a copy of the MPL was not distributed with this
|
|
// file, you can obtain one at https://mozilla.org/MPL/2.0/.
|
|
//
|
|
// Copyright (c) 2023 Jellyfin & Jellyfin Contributors
|
|
//
|
|
|
|
import Defaults
|
|
import JellyfinAPI
|
|
import SwiftUI
|
|
import VLCUI
|
|
|
|
extension VideoPlayer.Overlay {
|
|
|
|
struct ChapterOverlay: View {
|
|
|
|
@Default(.accentColor)
|
|
private var accentColor
|
|
|
|
@Environment(\.currentOverlayType)
|
|
@Binding
|
|
private var currentOverlayType
|
|
@Environment(\.safeAreaInsets)
|
|
private var safeAreaInsets
|
|
|
|
@EnvironmentObject
|
|
private var currentProgressHandler: VideoPlayerManager.CurrentProgressHandler
|
|
@EnvironmentObject
|
|
private var overlayTimer: TimerProxy
|
|
@EnvironmentObject
|
|
private var videoPlayerManager: VideoPlayerManager
|
|
@EnvironmentObject
|
|
private var videoPlayerProxy: VLCVideoPlayer.Proxy
|
|
@EnvironmentObject
|
|
private var viewModel: VideoPlayerViewModel
|
|
|
|
@State
|
|
private var scrollViewProxy: ScrollViewProxy? = nil
|
|
|
|
var body: some View {
|
|
VStack {
|
|
|
|
Spacer()
|
|
.allowsHitTesting(false)
|
|
|
|
HStack {
|
|
L10n.chapters.text
|
|
.font(.title2)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(.white)
|
|
.accessibility(addTraits: [.isHeader])
|
|
|
|
Spacer()
|
|
|
|
Button {
|
|
if let currentChapter = viewModel.chapter(from: currentProgressHandler.seconds) {
|
|
withAnimation {
|
|
scrollViewProxy?.scrollTo(currentChapter.hashValue, anchor: .center)
|
|
}
|
|
}
|
|
} label: {
|
|
Text(L10n.current)
|
|
.font(.title2)
|
|
.foregroundColor(accentColor)
|
|
}
|
|
}
|
|
.padding(.leading, safeAreaInsets.leading)
|
|
.padding(.trailing, safeAreaInsets.trailing)
|
|
.if(UIDevice.isIPad) { view in
|
|
view.padding(.horizontal)
|
|
}
|
|
|
|
ScrollViewReader { proxy in
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack(alignment: .top, spacing: 15) {
|
|
ForEach(viewModel.chapters, id: \.self) { chapter in
|
|
PosterButton(
|
|
item: chapter,
|
|
type: .landscape
|
|
)
|
|
.imageOverlay { info in
|
|
if info.secondsRange.contains(currentProgressHandler.seconds) {
|
|
RoundedRectangle(cornerRadius: 6)
|
|
.stroke(accentColor, lineWidth: 8)
|
|
}
|
|
}
|
|
.content { info in
|
|
VStack(alignment: .leading, spacing: 5) {
|
|
Text(info.chapterInfo.displayTitle)
|
|
.font(.subheadline)
|
|
.fontWeight(.semibold)
|
|
.lineLimit(1)
|
|
.foregroundColor(.white)
|
|
|
|
Text(info.chapterInfo.timestampLabel)
|
|
.font(.subheadline)
|
|
.fontWeight(.semibold)
|
|
.foregroundColor(Color(UIColor.systemBlue))
|
|
.padding(.vertical, 2)
|
|
.padding(.horizontal, 4)
|
|
.background {
|
|
Color(UIColor.darkGray).opacity(0.2).cornerRadius(4)
|
|
}
|
|
}
|
|
}
|
|
.onSelect {
|
|
let seconds = chapter.chapterInfo.startTimeSeconds
|
|
videoPlayerProxy.setTime(.seconds(seconds))
|
|
|
|
if videoPlayerManager.state != .playing {
|
|
videoPlayerProxy.play()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(.leading, safeAreaInsets.leading)
|
|
.padding(.trailing, safeAreaInsets.trailing)
|
|
.padding(.bottom)
|
|
.if(UIDevice.isIPad) { view in
|
|
view.padding(.horizontal)
|
|
}
|
|
}
|
|
.onChange(of: currentOverlayType) { newValue in
|
|
guard newValue == .chapters else { return }
|
|
if let currentChapter = viewModel.chapter(from: currentProgressHandler.seconds) {
|
|
scrollViewProxy?.scrollTo(currentChapter.hashValue, anchor: .center)
|
|
}
|
|
}
|
|
.onAppear {
|
|
scrollViewProxy = proxy
|
|
}
|
|
}
|
|
}
|
|
.background {
|
|
LinearGradient(
|
|
stops: [
|
|
.init(color: .clear, location: 0),
|
|
.init(color: .black.opacity(0.4), location: 0.4),
|
|
.init(color: .black.opacity(0.9), location: 1),
|
|
],
|
|
startPoint: .top,
|
|
endPoint: .bottom
|
|
)
|
|
.allowsHitTesting(false)
|
|
}
|
|
}
|
|
}
|
|
}
|