// // Copyright 2025 Element Creations Ltd. // Copyright 2022-2025 New Vector Ltd. // // SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial. // Please see LICENSE files in the repository root for full details. // import Compound import SwiftUI struct VideoMediaEventsTimelineView: View { @Environment(\.timelineContext) private var context let timelineItem: VideoRoomTimelineItem var body: some View { ContentScanningView(contentScannerService: context?.contentScannerService, mediaSource: timelineItem.content.videoInfo.source, thumbnailSource: timelineItem.content.thumbnailInfo?.source) { Color.clear // Let the image aspect fill in place .aspectRatio(1, contentMode: .fill) .overlay { thumbnail } .clipped() .overlay(alignment: .bottom) { overlay } .accessibilityElement(children: .ignore) .accessibilityLabel(L10n.commonVideo) } scanningContent: { ScanningMediaEventsTimelineView() } unsafeContent: { failure in UnsafeMediaEventsTimelineView(failure: failure) } } @ViewBuilder var thumbnail: some View { if let thumbnailSource = timelineItem.content.thumbnailInfo?.source { LoadableImage(mediaSource: thumbnailSource, mediaType: .timelineItem(uniqueID: timelineItem.id.uniqueID), blurhash: timelineItem.content.blurhash, size: timelineItem.content.thumbnailInfo?.size, mediaProvider: context?.mediaProvider) { placeholder } .mediaGalleryTimelineAspectRatio(imageInfo: timelineItem.content.thumbnailInfo) } else { overlay } } var overlay: some View { HStack(spacing: 0) { CompoundIcon(\.videoCallSolid) Spacer() Text(Duration.seconds(timelineItem.content.videoInfo.duration).formatted(.time(pattern: .minuteSecond))) } .padding(8) .background { LinearGradient(stops: [.init(color: .clear, location: 0.0), .init(color: .compound.bgCanvasDefault, location: 1.0)], startPoint: .top, endPoint: .bottom) } .font(.compound.bodyXSSemibold) .foregroundStyle(.compound.textPrimary) } var placeholder: some View { Rectangle() .foregroundColor(.compound.bgSubtleSecondary) .opacity(0.3) } } struct VideoMediaEventsTimelineView_Previews: PreviewProvider, TestablePreview { static let viewModel = TimelineViewModel.mock static var previews: some View { VideoMediaEventsTimelineView(timelineItem: makeTimelineItem()) .frame(width: 100, height: 100) .environmentObject(viewModel.context) .environment(\.timelineContext, viewModel.context) .previewLayout(.sizeThatFits) .background(.black) } private static func makeTimelineItem() -> VideoRoomTimelineItem { VideoRoomTimelineItem(id: .randomEvent, timestamp: .mock, isOutgoing: false, isEditable: false, canBeRepliedTo: true, sender: .init(id: "Bob"), content: .init(filename: "video.mp4", videoInfo: .mockVideo, thumbnailInfo: .mockVideoThumbnail)) } }