325 lines
11 KiB
Swift
325 lines
11 KiB
Swift
//
|
|
// MediaView.swift
|
|
// MediaView
|
|
//
|
|
// Created by Cirno MainasuK on 2021-8-23.
|
|
// Copyright © 2021 Twidere. All rights reserved.
|
|
//
|
|
|
|
import AVKit
|
|
import UIKit
|
|
import Combine
|
|
import AlamofireImage
|
|
import SwiftUI
|
|
import MastodonLocalization
|
|
import MastodonAsset
|
|
|
|
public final class MediaView: UIView {
|
|
|
|
var _disposeBag = Set<AnyCancellable>()
|
|
|
|
public static let cornerRadius: CGFloat = 0
|
|
public static let placeholderImage = UIImage.placeholder(color: .systemGray6)
|
|
|
|
public let container = TouchBlockingView()
|
|
|
|
public private(set) var configuration: Configuration?
|
|
|
|
private(set) lazy var blurhashImageView: UIImageView = {
|
|
let imageView = UIImageView()
|
|
imageView.contentMode = .scaleAspectFill
|
|
imageView.isUserInteractionEnabled = false
|
|
imageView.layer.masksToBounds = true // clip overflow
|
|
return imageView
|
|
}()
|
|
|
|
private(set) lazy var imageView: UIImageView = {
|
|
let imageView = UIImageView()
|
|
imageView.contentMode = .scaleAspectFill
|
|
imageView.isUserInteractionEnabled = false
|
|
imageView.layer.masksToBounds = true // clip overflow
|
|
return imageView
|
|
}()
|
|
|
|
private(set) lazy var playerViewController: AVPlayerViewController = {
|
|
let playerViewController = AVPlayerViewController()
|
|
playerViewController.view.layer.masksToBounds = true
|
|
playerViewController.view.isUserInteractionEnabled = false
|
|
playerViewController.videoGravity = .resizeAspectFill
|
|
playerViewController.updatesNowPlayingInfoCenter = false
|
|
return playerViewController
|
|
}()
|
|
private var playerLooper: AVPlayerLooper?
|
|
|
|
private(set) lazy var playbackImageView: UIView = {
|
|
let wrapper = UIView()
|
|
|
|
let imageView = UIImageView()
|
|
imageView.translatesAutoresizingMaskIntoConstraints = false
|
|
imageView.image = UIImage(systemName: "play.circle.fill")
|
|
imageView.tintColor = Asset.Colors.Label.primary.color
|
|
wrapper.addSubview(imageView)
|
|
imageView.pinToParent(padding: .init(top: 8, left: 8, bottom: 8, right: 8))
|
|
wrapper.backgroundColor = Asset.Theme.Mastodon.systemBackground.color.withAlphaComponent(0.8)
|
|
wrapper.applyCornerRadius(radius: 8)
|
|
|
|
return wrapper
|
|
}()
|
|
|
|
let badgeViewController: UIHostingController<MediaBadgesContainer> = {
|
|
let vc = UIHostingController(rootView: MediaBadgesContainer())
|
|
vc.view.backgroundColor = .clear
|
|
return vc
|
|
}()
|
|
|
|
public override init(frame: CGRect) {
|
|
super.init(frame: frame)
|
|
_init()
|
|
}
|
|
|
|
public required init?(coder: NSCoder) {
|
|
super.init(coder: coder)
|
|
_init()
|
|
}
|
|
|
|
}
|
|
|
|
extension MediaView {
|
|
|
|
@MainActor
|
|
public func thumbnail() async -> UIImage? {
|
|
return imageView.image ?? configuration?.previewImage
|
|
}
|
|
|
|
public func thumbnail() -> UIImage? {
|
|
return imageView.image ?? configuration?.previewImage
|
|
}
|
|
|
|
}
|
|
|
|
extension MediaView {
|
|
private func _init() {
|
|
// lazy load content later
|
|
|
|
isAccessibilityElement = true
|
|
}
|
|
|
|
public func setup(configuration: Configuration) {
|
|
self.configuration = configuration
|
|
|
|
setupContainerViewHierarchy()
|
|
|
|
switch configuration.info {
|
|
case .image(let info):
|
|
layoutImage()
|
|
bindImage(configuration: configuration, info: info)
|
|
accessibilityHint = L10n.Common.Controls.Status.Media.expandImageHint
|
|
case .gif(let info):
|
|
layoutGIF()
|
|
bindGIF(configuration: configuration, info: info)
|
|
accessibilityHint = L10n.Common.Controls.Status.Media.expandGifHint
|
|
case .video(let info):
|
|
layoutVideo()
|
|
bindVideo(configuration: configuration, info: info)
|
|
accessibilityHint = L10n.Common.Controls.Status.Media.expandVideoHint
|
|
}
|
|
|
|
accessibilityTraits.insert([.button, .image])
|
|
|
|
layoutBlurhash()
|
|
bindBlurhash(configuration: configuration)
|
|
}
|
|
|
|
private func layoutImage() {
|
|
imageView.translatesAutoresizingMaskIntoConstraints = false
|
|
container.addSubview(imageView)
|
|
imageView.pinToParent()
|
|
layoutAlt()
|
|
}
|
|
|
|
private func bindImage(configuration: Configuration, info: Configuration.ImageInfo) {
|
|
Publishers.CombineLatest3(
|
|
configuration.$isReveal,
|
|
configuration.$previewImage,
|
|
configuration.$blurhashImage
|
|
)
|
|
.receive(on: DispatchQueue.main)
|
|
.sink { [weak self] isReveal, previewImage, blurhashImage in
|
|
guard let self = self else { return }
|
|
|
|
let image = isReveal ?
|
|
(previewImage ?? blurhashImage ?? MediaView.placeholderImage) :
|
|
(blurhashImage ?? MediaView.placeholderImage)
|
|
self.imageView.image = image
|
|
}
|
|
.store(in: &configuration.disposeBag)
|
|
|
|
bindAlt(configuration: configuration, altDescription: info.altDescription)
|
|
}
|
|
|
|
private func layoutGIF() {
|
|
// use view controller as View here
|
|
playerViewController.view.translatesAutoresizingMaskIntoConstraints = false
|
|
container.addSubview(playerViewController.view)
|
|
playerViewController.view.pinToParent()
|
|
|
|
layoutAlt()
|
|
}
|
|
|
|
private func bindGIF(configuration: Configuration, info: Configuration.VideoInfo) {
|
|
badgeViewController.rootView.mediaDuration = info.durationMS.map { Double($0) / 1000 }
|
|
badgeViewController.rootView.showDuration = false
|
|
|
|
guard let player = setupGIFPlayer(info: info) else { return }
|
|
setupPlayerLooper(player: player)
|
|
playerViewController.player = player
|
|
playerViewController.showsPlaybackControls = false
|
|
|
|
// auto play for GIF
|
|
player.play()
|
|
|
|
badgeViewController.rootView.isGIF = true
|
|
|
|
bindAlt(configuration: configuration, altDescription: info.altDescription)
|
|
}
|
|
|
|
private func layoutVideo() {
|
|
layoutImage()
|
|
|
|
playbackImageView.translatesAutoresizingMaskIntoConstraints = false
|
|
container.addSubview(playbackImageView)
|
|
NSLayoutConstraint.activate([
|
|
playbackImageView.centerXAnchor.constraint(equalTo: container.centerXAnchor),
|
|
playbackImageView.centerYAnchor.constraint(equalTo: container.centerYAnchor),
|
|
playbackImageView.widthAnchor.constraint(equalToConstant: 88).priority(.required - 1),
|
|
playbackImageView.heightAnchor.constraint(equalToConstant: 88).priority(.required - 1),
|
|
])
|
|
}
|
|
|
|
private func bindVideo(configuration: Configuration, info: Configuration.VideoInfo) {
|
|
badgeViewController.rootView.mediaDuration = info.durationMS.map { Double($0) / 1000 }
|
|
badgeViewController.rootView.showDuration = true
|
|
|
|
let imageInfo = Configuration.ImageInfo(
|
|
aspectRadio: info.aspectRadio,
|
|
assetURL: info.previewURL,
|
|
altDescription: info.altDescription
|
|
)
|
|
bindImage(configuration: configuration, info: imageInfo)
|
|
}
|
|
|
|
private func bindAlt(configuration: Configuration, altDescription: String?) {
|
|
if configuration.total > 1 {
|
|
accessibilityLabel = L10n.Common.Controls.Status.Media.accessibilityLabel(
|
|
altDescription ?? "",
|
|
configuration.index + 1,
|
|
configuration.total
|
|
)
|
|
} else {
|
|
accessibilityLabel = altDescription
|
|
}
|
|
|
|
badgeViewController.rootView.altDescription = altDescription
|
|
}
|
|
|
|
private func layoutBlurhash() {
|
|
blurhashImageView.translatesAutoresizingMaskIntoConstraints = false
|
|
container.addSubview(blurhashImageView)
|
|
blurhashImageView.pinToParent()
|
|
}
|
|
|
|
private func bindBlurhash(configuration: Configuration) {
|
|
configuration.$blurhashImage
|
|
.receive(on: DispatchQueue.main)
|
|
.assign(to: \.image, on: blurhashImageView)
|
|
.store(in: &_disposeBag)
|
|
blurhashImageView.alpha = configuration.isReveal ? 0 : 1
|
|
|
|
configuration.$isReveal
|
|
.dropFirst()
|
|
.removeDuplicates()
|
|
.receive(on: DispatchQueue.main)
|
|
.sink { [weak self] isReveal in
|
|
guard let self = self else { return }
|
|
let animator = UIViewPropertyAnimator(duration: 0.3, curve: .easeInOut)
|
|
animator.addAnimations {
|
|
self.blurhashImageView.alpha = isReveal ? 0 : 1
|
|
}
|
|
animator.startAnimation()
|
|
}
|
|
.store(in: &_disposeBag)
|
|
}
|
|
|
|
private func layoutAlt() {
|
|
badgeViewController.view.translatesAutoresizingMaskIntoConstraints = false
|
|
container.addSubview(badgeViewController.view)
|
|
badgeViewController.view.pinToParent()
|
|
}
|
|
|
|
public func prepareForReuse() {
|
|
_disposeBag.removeAll()
|
|
|
|
// reset appearance
|
|
alpha = 1
|
|
|
|
// reset image
|
|
imageView.removeFromSuperview()
|
|
imageView.removeConstraints(imageView.constraints)
|
|
imageView.af.cancelImageRequest()
|
|
imageView.image = nil
|
|
|
|
// reset player
|
|
playerViewController.view.removeFromSuperview()
|
|
playerViewController.contentOverlayView.flatMap { view in
|
|
view.removeConstraints(view.constraints)
|
|
}
|
|
playerViewController.player?.pause()
|
|
playerViewController.player = nil
|
|
playerLooper = nil
|
|
|
|
playbackImageView.removeFromSuperview()
|
|
|
|
// blurhash
|
|
blurhashImageView.removeFromSuperview()
|
|
blurhashImageView.removeConstraints(blurhashImageView.constraints)
|
|
blurhashImageView.image = nil
|
|
|
|
// reset container
|
|
container.removeFromSuperview()
|
|
container.removeConstraints(container.constraints)
|
|
|
|
badgeViewController.rootView.altDescription = nil
|
|
badgeViewController.rootView.isGIF = false
|
|
badgeViewController.rootView.showDuration = false
|
|
badgeViewController.rootView.mediaDuration = nil
|
|
|
|
// reset configuration
|
|
configuration = nil
|
|
}
|
|
}
|
|
|
|
extension MediaView {
|
|
private func setupGIFPlayer(info: Configuration.VideoInfo) -> AVPlayer? {
|
|
guard let urlString = info.assetURL,
|
|
let url = URL(string: urlString)
|
|
else { return nil }
|
|
let playerItem = AVPlayerItem(url: url)
|
|
let player = AVQueuePlayer(playerItem: playerItem)
|
|
player.isMuted = true
|
|
return player
|
|
}
|
|
|
|
private func setupPlayerLooper(player: AVPlayer) {
|
|
guard let queuePlayer = player as? AVQueuePlayer else { return }
|
|
guard let templateItem = queuePlayer.items().first else { return }
|
|
playerLooper = AVPlayerLooper(player: queuePlayer, templateItem: templateItem)
|
|
}
|
|
|
|
private func setupContainerViewHierarchy() {
|
|
guard container.superview == nil else { return }
|
|
container.translatesAutoresizingMaskIntoConstraints = false
|
|
addSubview(container)
|
|
container.pinToParent()
|
|
}
|
|
}
|