1
0
mirror of https://github.com/yattee/yattee.git synced 2024-12-13 13:50:32 +05:30
yattee/Shared/Videos/VideoBanner.swift

375 lines
12 KiB
Swift
Raw Normal View History

import CoreMedia
2022-11-19 18:41:04 +05:30
import Defaults
import Foundation
import SDWebImageSwiftUI
import SwiftUI
struct VideoBanner: View {
2022-12-13 06:20:26 +05:30
var id: String?
let video: Video?
var playbackTime: CMTime?
var videoDuration: TimeInterval?
2022-12-13 06:20:26 +05:30
var watch: Watch?
2022-12-13 06:20:26 +05:30
@Default(.saveHistory) private var saveHistory
@Default(.watchedVideoStyle) private var watchedVideoStyle
@Default(.watchedVideoBadgeColor) private var watchedVideoBadgeColor
2022-12-14 02:26:03 +05:30
@Default(.timeOnThumbnail) private var timeOnThumbnail
2022-12-13 06:20:26 +05:30
@Environment(\.inChannelView) private var inChannelView
@Environment(\.inNavigationView) private var inNavigationView
@Environment(\.navigationStyle) private var navigationStyle
init(
id: String? = nil,
video: Video? = nil,
playbackTime: CMTime? = nil,
videoDuration: TimeInterval? = nil,
watch: Watch? = nil
) {
self.id = id
self.video = video
self.playbackTime = playbackTime
self.videoDuration = videoDuration
2022-12-13 06:20:26 +05:30
self.watch = watch
}
var body: some View {
2022-12-13 00:16:31 +05:30
HStack(alignment: .top, spacing: 12) {
2022-12-14 02:26:03 +05:30
VStack(alignment: .trailing, spacing: 2) {
smallThumbnail
2021-10-21 03:51:50 +05:30
#if !os(tvOS)
progressView
#endif
2022-12-14 02:26:03 +05:30
if !timeOnThumbnail, let timeLabel {
Text(timeLabel)
.font(.caption.monospacedDigit())
.foregroundColor(.secondary)
}
}
2022-12-14 02:26:03 +05:30
2022-12-13 06:20:26 +05:30
VStack(alignment: .leading, spacing: 2) {
2022-11-10 22:41:28 +05:30
Group {
if let video {
HStack(alignment: .top) {
2022-12-13 00:16:31 +05:30
Text(video.displayTitle)
2022-11-10 22:41:28 +05:30
if video.isLocal, let fileExtension = video.localStreamFileExtension {
Spacer()
Text(fileExtension)
.foregroundColor(.secondary)
}
}
} else {
Text("Loading contents of the video, please wait")
.redacted(reason: .placeholder)
}
}
.truncationMode(.middle)
2022-12-13 00:16:31 +05:30
.lineLimit(5)
2022-11-10 22:41:28 +05:30
.font(.headline)
2022-12-13 06:20:26 +05:30
Spacer()
HStack {
2022-12-14 02:26:03 +05:30
HStack {
2022-12-14 04:37:32 +05:30
if !inChannelView,
let video,
let url = video.channel.thumbnailURLOrCached
{
ThumbnailView(url: url)
2022-12-14 02:26:03 +05:30
.frame(width: 30, height: 30)
.clipShape(Circle())
}
VStack(alignment: .leading) {
Group {
if let video {
if !inChannelView, !video.isLocal || video.localStreamIsRemoteURL {
channelControl
.font(.subheadline)
} else {
#if os(iOS)
if DocumentsModel.shared.isDocument(video) {
HStack(spacing: 6) {
if let date = DocumentsModel.shared.formattedCreationDate(video) {
Text(date)
}
if let size = DocumentsModel.shared.formattedSize(video) {
Text("")
Text(size)
}
2022-11-19 19:39:09 +05:30
2022-12-14 02:26:03 +05:30
Spacer()
}
.frame(maxWidth: .infinity)
}
#endif
2022-11-13 04:31:04 +05:30
}
2022-12-14 02:26:03 +05:30
} else {
Text("Video Author")
.redacted(reason: .placeholder)
}
2022-11-10 22:41:28 +05:30
}
2022-12-14 02:26:03 +05:30
extraAttributes
2022-11-10 22:41:28 +05:30
}
}
2022-12-14 02:26:03 +05:30
.foregroundColor(.secondary)
2022-12-13 06:20:26 +05:30
}
}
2022-12-13 06:20:26 +05:30
.frame(maxWidth: .infinity, alignment: .leading)
.frame(maxHeight: .infinity)
#if os(tvOS)
.padding(.vertical)
#endif
}
2022-12-13 06:20:26 +05:30
.fixedSize(horizontal: false, vertical: true)
.contentShape(Rectangle())
2022-11-11 03:21:30 +05:30
#if os(tvOS)
.buttonStyle(.card)
#else
.buttonStyle(.plain)
#endif
#if os(tvOS)
2022-12-13 06:20:26 +05:30
.padding(.trailing, 10)
2022-11-13 16:46:44 +05:30
#endif
2022-12-13 06:20:26 +05:30
.opacity(contentOpacity)
.id(id ?? video?.videoID ?? video?.id)
2022-11-13 16:46:44 +05:30
}
2022-12-13 14:39:21 +05:30
private var extraAttributes: some View {
HStack(spacing: 16) {
if let video {
if let date = video.publishedDate {
HStack(spacing: 2) {
Text(date)
.allowsTightening(true)
}
}
if video.views > 0 {
HStack(spacing: 2) {
Image(systemName: "eye")
Text(video.viewsCount!)
}
}
}
}
.font(.caption)
.lineLimit(1)
.foregroundColor(.secondary)
}
2022-09-01 00:54:46 +05:30
@ViewBuilder private var smallThumbnail: some View {
2022-12-14 02:26:03 +05:30
ZStack(alignment: .bottomTrailing) {
ZStack(alignment: .bottomLeading) {
ZStack {
Color("PlaceholderColor")
if let video {
if let thumbnail = video.thumbnailURL(quality: .medium) {
ThumbnailView(url: thumbnail)
} else if video.isLocal {
Image(systemName: video.localStreamImageSystemName)
}
} else {
Image(systemName: "ellipsis")
2022-12-13 06:20:26 +05:30
}
2022-12-14 02:26:03 +05:30
}
if saveHistory,
watchedVideoStyle.isShowingBadge,
watch?.finished ?? false
{
Image(systemName: "checkmark.circle.fill")
.foregroundColor(Color(
watchedVideoBadgeColor == .colorSchemeBased ? "WatchProgressBarColor" :
watchedVideoBadgeColor == .red ? "AppRedColor" : "AppBlueColor"
))
.background(Color.white)
.clipShape(Circle())
.imageScale(.medium)
.offset(x: 5, y: -5)
2022-11-10 22:41:28 +05:30
}
2022-12-13 06:20:26 +05:30
}
2022-12-14 02:26:03 +05:30
if timeOnThumbnail {
timeView
}
2022-11-10 22:41:28 +05:30
}
.frame(width: thumbnailWidth, height: thumbnailHeight)
2022-12-14 02:26:03 +05:30
#if os(tvOS)
.mask(RoundedRectangle(cornerRadius: 12))
2022-09-12 01:03:08 +05:30
#else
2022-12-14 02:26:03 +05:30
.mask(RoundedRectangle(cornerRadius: 6))
2022-09-12 01:03:08 +05:30
#endif
}
2022-12-13 06:20:26 +05:30
private var contentOpacity: Double {
guard saveHistory,
!watch.isNil,
watchedVideoStyle == .decreasedOpacity || watchedVideoStyle == .both
else {
return 1
}
return watch!.finished ? 0.5 : 1
}
private var thumbnailWidth: Double {
#if os(tvOS)
2021-11-05 04:55:51 +05:30
250
#else
2022-12-14 02:26:03 +05:30
120
#endif
}
2022-11-10 22:41:28 +05:30
private var thumbnailHeight: Double {
#if os(tvOS)
140
#else
2022-12-14 02:26:03 +05:30
72
2022-11-10 22:41:28 +05:30
#endif
}
2022-12-13 06:20:26 +05:30
private var videoDurationLabel: String? {
guard videoDuration != 0 else { return nil }
return (videoDuration ?? video?.length)?.formattedAsPlaybackTime()
2022-11-13 04:31:04 +05:30
}
2022-12-13 06:20:26 +05:30
private var watchStoppedAtLabel: String? {
guard let watch else { return nil }
return watch.stoppedAt.formattedAsPlaybackTime(allowZero: true)
}
var timeInfo: Bool {
videoDurationLabel != nil && (video == nil || !video!.localStreamIsDirectory)
}
2022-12-14 02:26:03 +05:30
private var timeLabel: String? {
if let watch, let watchStoppedAtLabel, let videoDurationLabel, !watch.finished {
return "\(watchStoppedAtLabel) / \(videoDurationLabel)"
} else if let videoDurationLabel {
return videoDurationLabel
} else {
return nil
}
}
@ViewBuilder private var timeView: some View {
if let timeLabel {
Text(timeLabel)
.font(.caption2.weight(.semibold).monospacedDigit())
.allowsTightening(true)
.padding(2)
.modifier(ControlBackgroundModifier())
}
}
2022-12-13 06:20:26 +05:30
private var progressView: some View {
ProgressView(value: watchValue, total: progressViewTotal)
.progressViewStyle(.linear)
.frame(maxWidth: thumbnailWidth)
.opacity(showProgressView ? 1 : 0)
.frame(height: 12)
}
private var showProgressView: Bool {
guard playbackTime != nil,
let video,
!video.live
else {
return false
}
return true
}
2022-11-19 18:41:04 +05:30
private var watchValue: Double {
if finished { return progressViewTotal }
return progressViewValue
}
private var progressViewValue: Double {
2022-11-13 04:31:04 +05:30
guard videoDuration != 0 else { return 1 }
return [playbackTime?.seconds, videoDuration].compactMap { $0 }.min() ?? 0
}
private var progressViewTotal: Double {
2022-11-13 04:31:04 +05:30
guard videoDuration != 0 else { return 1 }
return videoDuration ?? video?.length ?? 1
}
2022-11-19 18:41:04 +05:30
private var finished: Bool {
(progressViewValue / progressViewTotal) * 100 > Double(Defaults[.watchedThreshold])
}
2022-12-13 06:20:26 +05:30
@ViewBuilder private var channelControl: some View {
if let video, !video.displayAuthor.isEmpty {
#if os(tvOS)
displayAuthor
#else
if navigationStyle == .tab, inNavigationView {
channelNavigationLink
} else {
channelButton
}
#endif
}
}
@ViewBuilder private var channelNavigationLink: some View {
if let channel = video?.channel {
NavigationLink(destination: ChannelVideosView(channel: channel)) {
displayAuthor
}
}
}
@ViewBuilder private var channelButton: some View {
if let video {
Button {
guard !inChannelView else { return }
NavigationModel.shared.openChannel(
video.channel,
navigationStyle: navigationStyle
)
} label: {
displayAuthor
}
#if os(tvOS)
.buttonStyle(.card)
#else
.buttonStyle(.plain)
#endif
.help("\(video.channel.name) Channel")
}
}
@ViewBuilder private var displayAuthor: some View {
if let video, !video.displayAuthor.isEmpty {
Text(video.displayAuthor)
.fontWeight(.semibold)
.foregroundColor(.secondary)
}
}
}
struct VideoBanner_Previews: PreviewProvider {
static var previews: some View {
2022-12-13 06:20:26 +05:30
VStack(spacing: 2) {
VideoBanner(video: Video.fixture, playbackTime: CMTime(seconds: 400, preferredTimescale: 10000))
VideoBanner(video: Video.fixtureUpcomingWithoutPublishedOrViews)
2022-11-10 22:41:28 +05:30
VideoBanner(video: .local(URL(string: "https://apple.com/a/directory/of/video+that+has+very+long+title+that+will+likely.mp4")!))
VideoBanner(video: .local(URL(string: "file://a/b/c/d/e/f.mkv")!))
VideoBanner()
}
2022-12-13 06:20:26 +05:30
.frame(maxWidth: 1300)
}
}