285 lines
9.5 KiB
Swift
285 lines
9.5 KiB
Swift
import SwiftUI
|
||
|
||
struct PlayerBar: View {
|
||
@Environment(AppState.self) private var app
|
||
@AppStorage("skipDurationSeconds") private var skipSeconds: Int = 30
|
||
@State private var scrubbing: Bool = false
|
||
@State private var scrubValue: Double = 0
|
||
|
||
var body: some View {
|
||
if let item = app.currentItem {
|
||
VStack(spacing: 0) {
|
||
Divider()
|
||
content(item: item)
|
||
.padding(.horizontal, 16)
|
||
#if os(iOS)
|
||
.padding(.top, 8)
|
||
.padding(.bottom, 10)
|
||
#else
|
||
.padding(.vertical, 10)
|
||
#endif
|
||
.background(.bar)
|
||
}
|
||
.transition(.move(edge: .bottom).combined(with: .opacity))
|
||
} else if app.isPreparingPlayback {
|
||
VStack(spacing: 0) {
|
||
Divider()
|
||
HStack(spacing: 12) {
|
||
ProgressView()
|
||
Text("Wiedergabe wird vorbereitet …").font(.subheadline).foregroundStyle(.secondary)
|
||
Spacer()
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.vertical, 14)
|
||
.background(.bar)
|
||
}
|
||
}
|
||
}
|
||
|
||
// MARK: - Platform layouts
|
||
|
||
#if os(iOS)
|
||
@ViewBuilder
|
||
private func content(item: LibraryItem) -> some View {
|
||
VStack(spacing: 8) {
|
||
// Header row: cover, title/author, play button
|
||
HStack(spacing: 12) {
|
||
cover(item: item)
|
||
VStack(alignment: .leading, spacing: 2) {
|
||
Text(item.title).font(.subheadline).bold().lineLimit(1)
|
||
Text(item.author).font(.caption).foregroundStyle(.secondary).lineLimit(1)
|
||
if let err = app.player.errorMessage {
|
||
Text(err).font(.caption2).foregroundStyle(.red).lineLimit(1)
|
||
}
|
||
}
|
||
Spacer(minLength: 0)
|
||
Button { app.togglePlay() } label: {
|
||
Image(systemName: app.player.isPlaying ? "pause.circle.fill" : "play.circle.fill")
|
||
.font(.system(size: 36))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.disabled(!app.player.isReady)
|
||
}
|
||
|
||
scrubber
|
||
HStack(spacing: 24) {
|
||
Button { app.skip(by: -Double(skipSeconds)) } label: {
|
||
Image(systemName: skipBackImage).font(.system(size: 22))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.disabled(!app.player.isReady)
|
||
|
||
Button { app.skip(by: Double(skipSeconds)) } label: {
|
||
Image(systemName: skipForwardImage).font(.system(size: 22))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.disabled(!app.player.isReady)
|
||
|
||
Spacer()
|
||
|
||
rateMenu
|
||
|
||
Button {
|
||
app.stopPlayback()
|
||
} label: {
|
||
Image(systemName: "xmark.circle.fill")
|
||
.font(.system(size: 22))
|
||
.foregroundStyle(.secondary)
|
||
}
|
||
.buttonStyle(.plain)
|
||
}
|
||
.padding(.top, 2)
|
||
}
|
||
}
|
||
#else
|
||
@ViewBuilder
|
||
private func content(item: LibraryItem) -> some View {
|
||
HStack(spacing: 14) {
|
||
cover(item: item)
|
||
|
||
VStack(alignment: .leading, spacing: 2) {
|
||
Text(item.title).font(.subheadline).bold().lineLimit(1)
|
||
Text(item.author).font(.caption).foregroundStyle(.secondary).lineLimit(1)
|
||
if let err = app.player.errorMessage {
|
||
Text(err).font(.caption2).foregroundStyle(.red).lineLimit(1)
|
||
}
|
||
}
|
||
.frame(minWidth: 160, idealWidth: 200, maxWidth: 240, alignment: .leading)
|
||
|
||
transportControls
|
||
|
||
scrubber
|
||
.frame(minWidth: 200)
|
||
|
||
rateMenu
|
||
|
||
Spacer(minLength: 0)
|
||
|
||
statusIndicator
|
||
|
||
Button {
|
||
app.stopPlayback()
|
||
} label: {
|
||
Image(systemName: "xmark.circle.fill")
|
||
.foregroundStyle(.secondary)
|
||
}
|
||
.buttonStyle(.plain)
|
||
.help("Wiedergabe beenden")
|
||
}
|
||
}
|
||
|
||
private var transportControls: some View {
|
||
HStack(spacing: 14) {
|
||
Button { app.skip(by: -Double(skipSeconds)) } label: {
|
||
Image(systemName: skipBackImage).font(.system(size: 18))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.disabled(!app.player.isReady)
|
||
|
||
Button { app.togglePlay() } label: {
|
||
Image(systemName: app.player.isPlaying ? "pause.circle.fill" : "play.circle.fill")
|
||
.font(.system(size: 34))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.disabled(!app.player.isReady)
|
||
.keyboardShortcut(.space, modifiers: [])
|
||
|
||
Button { app.skip(by: Double(skipSeconds)) } label: {
|
||
Image(systemName: skipForwardImage).font(.system(size: 18))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.disabled(!app.player.isReady)
|
||
}
|
||
}
|
||
|
||
private var statusIndicator: some View {
|
||
HStack(spacing: 4) {
|
||
Circle()
|
||
.fill(app.network.isOnline ? .green : .orange)
|
||
.frame(width: 6, height: 6)
|
||
if app.sync.queuedCount > 0 {
|
||
Text("\(app.sync.queuedCount)")
|
||
.font(.caption2)
|
||
.foregroundStyle(.secondary)
|
||
}
|
||
}
|
||
.help(app.network.isOnline
|
||
? "Online – Fortschritt wird synchronisiert"
|
||
: "Offline – \(app.sync.queuedCount) Eintrag/Einträge wartend")
|
||
}
|
||
#endif
|
||
|
||
// MARK: - Shared subviews
|
||
|
||
private func cover(item: LibraryItem) -> some View {
|
||
Group {
|
||
if let url = app.client.coverURL(itemId: item.id) {
|
||
AsyncImage(url: url) { phase in
|
||
if let img = phase.image {
|
||
img.resizable().aspectRatio(contentMode: .fill)
|
||
} else {
|
||
Color.gray.opacity(0.3)
|
||
}
|
||
}
|
||
} else {
|
||
Color.gray.opacity(0.3)
|
||
}
|
||
}
|
||
#if os(iOS)
|
||
.frame(width: 44, height: 44)
|
||
#else
|
||
.frame(width: 48, height: 48)
|
||
#endif
|
||
.clipShape(RoundedRectangle(cornerRadius: 6))
|
||
}
|
||
|
||
private var scrubber: some View {
|
||
VStack(spacing: 2) {
|
||
Slider(
|
||
value: Binding(
|
||
get: { scrubbing ? scrubValue : app.player.absoluteCurrentTime },
|
||
set: { scrubValue = $0; scrubbing = true }
|
||
),
|
||
in: 0...max(app.player.totalDuration, 1),
|
||
onEditingChanged: { editing in
|
||
if !editing {
|
||
app.seekAbsolute(scrubValue)
|
||
scrubbing = false
|
||
}
|
||
}
|
||
)
|
||
.disabled(!app.player.isReady)
|
||
HStack {
|
||
Text(formatTime(scrubbing ? scrubValue : app.player.absoluteCurrentTime))
|
||
.font(.caption2.monospacedDigit())
|
||
.foregroundStyle(.secondary)
|
||
Spacer()
|
||
Text(formatTime(app.player.totalDuration))
|
||
.font(.caption2.monospacedDigit())
|
||
.foregroundStyle(.secondary)
|
||
}
|
||
}
|
||
}
|
||
|
||
private var rateMenu: some View {
|
||
Menu {
|
||
ForEach([0.75, 1.0, 1.25, 1.5, 1.75, 2.0], id: \.self) { r in
|
||
Button {
|
||
app.setRate(Float(r))
|
||
} label: {
|
||
HStack {
|
||
Text(String(format: "%.2g×", r))
|
||
if abs(Double(app.player.rate) - r) < 0.01 {
|
||
Image(systemName: "checkmark")
|
||
}
|
||
}
|
||
}
|
||
}
|
||
} label: {
|
||
Text(String(format: "%.2g×", Double(app.player.rate)))
|
||
.font(.caption.monospacedDigit())
|
||
.padding(.horizontal, 10).padding(.vertical, 5)
|
||
.overlay(Capsule().stroke(Color.secondary.opacity(0.4)))
|
||
}
|
||
#if os(macOS)
|
||
.menuStyle(.borderlessButton)
|
||
.fixedSize()
|
||
.help("Geschwindigkeit")
|
||
#endif
|
||
}
|
||
|
||
private var skipForwardImage: String {
|
||
switch skipSeconds {
|
||
case ...10: return "goforward.10"
|
||
case 11...15: return "goforward.15"
|
||
case 16...30: return "goforward.30"
|
||
case 31...45: return "goforward.45"
|
||
case 46...60: return "goforward.60"
|
||
default: return "goforward.90"
|
||
}
|
||
}
|
||
|
||
private var skipBackImage: String {
|
||
switch skipSeconds {
|
||
case ...10: return "gobackward.10"
|
||
case 11...15: return "gobackward.15"
|
||
case 16...30: return "gobackward.30"
|
||
case 31...45: return "gobackward.45"
|
||
case 46...60: return "gobackward.60"
|
||
default: return "gobackward.90"
|
||
}
|
||
}
|
||
|
||
private func formatTime(_ seconds: Double) -> String {
|
||
guard seconds.isFinite, seconds >= 0 else { return "0:00" }
|
||
let total = Int(seconds)
|
||
let h = total / 3600
|
||
let m = (total % 3600) / 60
|
||
let s = total % 60
|
||
if h > 0 {
|
||
return String(format: "%d:%02d:%02d", h, m, s)
|
||
}
|
||
return String(format: "%d:%02d", m, s)
|
||
}
|
||
}
|