2021-10-23 02:19:31 +05:30
|
|
|
import CoreMedia
|
2021-10-06 01:50:09 +05:30
|
|
|
import Foundation
|
2021-10-22 04:59:10 +05:30
|
|
|
import SDWebImageSwiftUI
|
2021-10-06 01:50:09 +05:30
|
|
|
import SwiftUI
|
|
|
|
|
|
|
|
struct VideoBanner: View {
|
2022-11-12 07:09:44 +05:30
|
|
|
#if os(tvOS)
|
|
|
|
static let titleAppend = ""
|
|
|
|
#else
|
|
|
|
static let titleAppend = "\n"
|
|
|
|
#endif
|
|
|
|
|
2021-10-24 23:31:08 +05:30
|
|
|
let video: Video?
|
2021-10-23 02:19:31 +05:30
|
|
|
var playbackTime: CMTime?
|
|
|
|
var videoDuration: TimeInterval?
|
|
|
|
|
2021-10-24 23:31:08 +05:30
|
|
|
init(video: Video? = nil, playbackTime: CMTime? = nil, videoDuration: TimeInterval? = nil) {
|
2021-10-23 02:19:31 +05:30
|
|
|
self.video = video
|
|
|
|
self.playbackTime = playbackTime
|
|
|
|
self.videoDuration = videoDuration
|
|
|
|
}
|
2021-10-06 01:50:09 +05:30
|
|
|
|
|
|
|
var body: some View {
|
2021-10-23 15:43:05 +05:30
|
|
|
HStack(alignment: stackAlignment, spacing: 12) {
|
2022-11-13 16:46:44 +05:30
|
|
|
VStack(spacing: thumbnailStackSpacing) {
|
2021-10-23 02:19:31 +05:30
|
|
|
smallThumbnail
|
2021-10-21 03:51:50 +05:30
|
|
|
|
2021-10-23 15:43:05 +05:30
|
|
|
#if !os(tvOS)
|
|
|
|
progressView
|
|
|
|
#endif
|
2021-10-23 02:19:31 +05:30
|
|
|
}
|
2021-10-06 01:50:09 +05:30
|
|
|
VStack(alignment: .leading, spacing: 4) {
|
2022-11-10 22:41:28 +05:30
|
|
|
Group {
|
|
|
|
if let video {
|
|
|
|
HStack(alignment: .top) {
|
2022-11-12 07:09:44 +05:30
|
|
|
Text(video.displayTitle + Self.titleAppend)
|
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)
|
|
|
|
.lineLimit(2)
|
|
|
|
.font(.headline)
|
|
|
|
.frame(alignment: .leading)
|
2021-10-06 01:50:09 +05:30
|
|
|
|
|
|
|
HStack {
|
2022-11-10 22:41:28 +05:30
|
|
|
Group {
|
|
|
|
if let video {
|
|
|
|
if !video.isLocal || video.localStreamIsRemoteURL {
|
|
|
|
Text(video.displayAuthor)
|
2022-11-13 04:31:04 +05:30
|
|
|
} 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)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#endif
|
2022-11-10 22:41:28 +05:30
|
|
|
}
|
|
|
|
} else {
|
|
|
|
Text("Video Author")
|
|
|
|
.redacted(reason: .placeholder)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.lineLimit(1)
|
2021-10-06 01:50:09 +05:30
|
|
|
|
|
|
|
Spacer()
|
|
|
|
|
2021-10-23 15:43:05 +05:30
|
|
|
#if os(tvOS)
|
|
|
|
progressView
|
|
|
|
#endif
|
|
|
|
|
2022-11-13 04:31:04 +05:30
|
|
|
if !(video?.localStreamIsDirectory ?? false) {
|
|
|
|
Text(videoDurationLabel)
|
|
|
|
.fontWeight(.light)
|
|
|
|
}
|
2021-10-06 01:50:09 +05:30
|
|
|
}
|
|
|
|
.foregroundColor(.secondary)
|
|
|
|
}
|
2021-10-23 02:19:31 +05:30
|
|
|
.padding(.vertical, playbackTime.isNil ? 0 : 5)
|
2021-10-06 01:50:09 +05:30
|
|
|
}
|
|
|
|
.contentShape(Rectangle())
|
2022-11-11 03:21:30 +05:30
|
|
|
#if os(tvOS)
|
|
|
|
.buttonStyle(.card)
|
|
|
|
|
|
|
|
#else
|
|
|
|
.buttonStyle(.plain)
|
|
|
|
#endif
|
|
|
|
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 100, alignment: .center)
|
|
|
|
#if os(tvOS)
|
|
|
|
.padding(.vertical, 20)
|
|
|
|
.padding(.trailing, 10)
|
|
|
|
#endif
|
2021-10-06 01:50:09 +05:30
|
|
|
}
|
|
|
|
|
2021-10-23 15:43:05 +05:30
|
|
|
private var stackAlignment: VerticalAlignment {
|
|
|
|
#if os(macOS)
|
|
|
|
playbackTime.isNil ? .center : .top
|
|
|
|
#else
|
2021-11-08 21:59:35 +05:30
|
|
|
.center
|
2021-10-23 15:43:05 +05:30
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2022-11-13 16:46:44 +05:30
|
|
|
private var thumbnailStackSpacing: Double {
|
|
|
|
#if os(tvOS)
|
|
|
|
8
|
|
|
|
#else
|
|
|
|
2
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2022-09-01 00:54:46 +05:30
|
|
|
@ViewBuilder private var smallThumbnail: some View {
|
2022-11-13 04:31:04 +05:30
|
|
|
ZStack {
|
|
|
|
Color("PlaceholderColor")
|
2022-11-10 22:41:28 +05:30
|
|
|
if let video {
|
|
|
|
if let thumbnail = video.thumbnailURL(quality: .medium) {
|
2022-11-10 23:41:19 +05:30
|
|
|
WebImage(url: thumbnail, options: [.lowPriority])
|
2022-11-10 22:41:28 +05:30
|
|
|
.resizable()
|
2022-11-13 04:31:04 +05:30
|
|
|
} else if video.isLocal {
|
|
|
|
Image(systemName: video.localStreamImageSystemName)
|
2022-11-10 22:41:28 +05:30
|
|
|
}
|
|
|
|
} else {
|
|
|
|
Image(systemName: "ellipsis")
|
2021-10-06 01:50:09 +05:30
|
|
|
}
|
2022-11-10 22:41:28 +05:30
|
|
|
}
|
2022-09-12 01:03:08 +05:30
|
|
|
#if os(tvOS)
|
2022-11-10 22:41:28 +05:30
|
|
|
.frame(width: thumbnailWidth, height: thumbnailHeight)
|
|
|
|
.mask(RoundedRectangle(cornerRadius: 12))
|
2022-09-12 01:03:08 +05:30
|
|
|
#else
|
2022-11-10 22:41:28 +05:30
|
|
|
.frame(width: thumbnailWidth, height: thumbnailHeight)
|
|
|
|
.mask(RoundedRectangle(cornerRadius: 6))
|
2022-09-12 01:03:08 +05:30
|
|
|
#endif
|
2021-10-06 01:50:09 +05:30
|
|
|
}
|
2021-10-23 02:19:31 +05:30
|
|
|
|
|
|
|
private var thumbnailWidth: Double {
|
|
|
|
#if os(tvOS)
|
2021-11-05 04:55:51 +05:30
|
|
|
250
|
2021-10-23 02:19:31 +05:30
|
|
|
#else
|
2021-10-23 15:43:05 +05:30
|
|
|
100
|
2021-10-23 02:19:31 +05:30
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2022-11-10 22:41:28 +05:30
|
|
|
private var thumbnailHeight: Double {
|
|
|
|
#if os(tvOS)
|
|
|
|
140
|
|
|
|
#else
|
|
|
|
60
|
|
|
|
#endif
|
|
|
|
}
|
|
|
|
|
2022-11-13 04:31:04 +05:30
|
|
|
private var videoDurationLabel: String {
|
|
|
|
guard videoDuration != 0 else { return PlayerTimeModel.timePlaceholder }
|
|
|
|
return (videoDuration ?? video?.length ?? 0).formattedAsPlaybackTime() ?? PlayerTimeModel.timePlaceholder
|
|
|
|
}
|
|
|
|
|
2021-10-23 15:43:05 +05:30
|
|
|
private var progressView: some View {
|
|
|
|
Group {
|
2021-12-27 02:44:46 +05:30
|
|
|
if !playbackTime.isNil, !(video?.live ?? false) {
|
2021-10-23 15:43:05 +05:30
|
|
|
ProgressView(value: progressViewValue, total: progressViewTotal)
|
|
|
|
.progressViewStyle(.linear)
|
|
|
|
.frame(maxWidth: thumbnailWidth)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-10-23 02:19:31 +05:30
|
|
|
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
|
2021-10-23 02:19:31 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
private var progressViewTotal: Double {
|
2022-11-13 04:31:04 +05:30
|
|
|
guard videoDuration != 0 else { return 1 }
|
|
|
|
return videoDuration ?? video?.length ?? 1
|
2021-10-23 02:19:31 +05:30
|
|
|
}
|
2021-10-06 01:50:09 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
struct VideoBanner_Previews: PreviewProvider {
|
|
|
|
static var previews: some View {
|
|
|
|
VStack(spacing: 20) {
|
2021-10-23 02:19:31 +05:30
|
|
|
VideoBanner(video: Video.fixture, playbackTime: CMTime(seconds: 400, preferredTimescale: 10000))
|
2021-10-06 01:50:09 +05:30
|
|
|
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()
|
2021-10-06 01:50:09 +05:30
|
|
|
}
|
|
|
|
.frame(maxWidth: 900)
|
|
|
|
}
|
|
|
|
}
|