MultiStreamCell.swift 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. //
  2. // VideoSeatCell.swift
  3. // Pods
  4. //
  5. // Created by CY zhao on 2024/11/11.
  6. //
  7. import SnapKit
  8. import UIKit
  9. import Combine
  10. class MultiStreamCell: UICollectionViewCell {
  11. var cancellableSet = Set<AnyCancellable>()
  12. var videoItem: UserInfo?
  13. var isSupportedAmplification: Bool {
  14. return videoItem?.videoStreamType == .screenStream
  15. }
  16. private var isBorderHighlighted = false
  17. private var lastVolumeUpdateTime: TimeInterval = 0
  18. private lazy var scrollRenderView: UIScrollView = {
  19. let scrollView = UIScrollView()
  20. scrollView.backgroundColor = UIColor(0x17181F)
  21. scrollView.layer.cornerRadius = 16
  22. scrollView.layer.masksToBounds = true
  23. scrollView.layer.borderWidth = 2
  24. scrollView.layer.borderColor = UIColor.clear.cgColor
  25. scrollView.showsVerticalScrollIndicator = false
  26. scrollView.showsHorizontalScrollIndicator = false
  27. scrollView.maximumZoomScale = 5
  28. scrollView.minimumZoomScale = 1
  29. scrollView.isScrollEnabled = false
  30. scrollView.delegate = self
  31. return scrollView
  32. }()
  33. let renderView: UIView = {
  34. let view = UIView(frame: .zero)
  35. view.backgroundColor = .clear
  36. return view
  37. }()
  38. let backgroundMaskView: UIView = {
  39. let view = UIView(frame: .zero)
  40. view.backgroundColor = UIColor(0x17181F)
  41. view.layer.cornerRadius = 16
  42. view.layer.masksToBounds = true
  43. return view
  44. }()
  45. let userInfoView: VideoUserStatusView = {
  46. let view = VideoUserStatusView()
  47. return view
  48. }()
  49. let avatarImageView: UIImageView = {
  50. let imageView = UIImageView(frame: .zero)
  51. imageView.layer.masksToBounds = true
  52. return imageView
  53. }()
  54. private var isViewReady = false
  55. override func didMoveToWindow() {
  56. super.didMoveToWindow()
  57. guard !isViewReady else {
  58. return
  59. }
  60. isViewReady = true
  61. constructViewHierarchy()
  62. activateConstraints()
  63. contentView.backgroundColor = .clear
  64. }
  65. private func constructViewHierarchy() {
  66. scrollRenderView.addSubview(renderView)
  67. scrollRenderView.addSubview(backgroundMaskView)
  68. contentView.addSubview(scrollRenderView)
  69. contentView.addSubview(avatarImageView)
  70. contentView.addSubview(userInfoView)
  71. }
  72. private func activateConstraints() {
  73. scrollRenderView.snp.makeConstraints { make in
  74. make.edges.equalToSuperview().inset(2)
  75. }
  76. renderView.snp.makeConstraints { make in
  77. make.center.equalToSuperview()
  78. make.width.equalToSuperview()
  79. make.height.equalToSuperview()
  80. }
  81. backgroundMaskView.snp.makeConstraints { make in
  82. make.edges.equalToSuperview()
  83. }
  84. userInfoView.snp.makeConstraints { make in
  85. make.height.equalTo(24)
  86. make.bottom.equalToSuperview().offset(-5)
  87. make.leading.equalToSuperview().offset(5)
  88. make.width.lessThanOrEqualTo(self).multipliedBy(0.9)
  89. }
  90. }
  91. func reset() {
  92. videoItem = nil
  93. cancellableSet.removeAll()
  94. resetBorderColor()
  95. }
  96. override func prepareForReuse() {
  97. super.prepareForReuse()
  98. reset()
  99. scrollRenderView.zoomScale = 1.0
  100. }
  101. deinit {
  102. NSObject.cancelPreviousPerformRequests(withTarget: self)
  103. debugPrint("deinit \(self)")
  104. }
  105. }
  106. extension MultiStreamCell: UIScrollViewDelegate {
  107. func viewForZooming(in scrollView: UIScrollView) -> UIView? {
  108. return isSupportedAmplification ? renderView : nil
  109. }
  110. }
  111. // MARK: - Public
  112. extension MultiStreamCell {
  113. func updateUI(item: UserInfo) {
  114. videoItem = item
  115. let placeholder = UIImage(named: "room_default_user", in: tuiRoomKitBundle(), compatibleWith: nil)
  116. avatarImageView.sd_setImage(with: URL(string: item.avatarUrl), placeholderImage: placeholder)
  117. avatarImageView.isHidden = item.videoStreamType == .screenStream ? true : item.hasVideoStream
  118. backgroundMaskView.isHidden = item.videoStreamType == .screenStream ? true : item.hasVideoStream
  119. userInfoView.updateUserStatus(item)
  120. scrollRenderView.layer.borderColor = UIColor.clear.cgColor
  121. DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) { [weak self] in
  122. guard let self = self else { return }
  123. let width = min(self.mm_w / 2, 72)
  124. self.avatarImageView.layer.cornerRadius = width * 0.5
  125. guard let _ = self.avatarImageView.superview else { return }
  126. self.avatarImageView.snp.remakeConstraints { make in
  127. make.height.width.equalTo(width)
  128. make.center.equalToSuperview()
  129. }
  130. }
  131. }
  132. func updateUIVolume(item: UserInfo) {
  133. guard videoItem?.userId == item.userId else { return }
  134. videoItem?.hasAudioStream = item.hasAudioStream
  135. userInfoView.updateUserVolume(hasAudio: item.hasAudioStream, volume: item.userVoiceVolume)
  136. lastVolumeUpdateTime = Date().timeIntervalSince1970
  137. if item.userVoiceVolume > 0 && item.hasAudioStream {
  138. if item.videoStreamType != .screenStream {
  139. if !isBorderHighlighted {
  140. scrollRenderView.layer.borderColor = UIColor(0xA5FE33).cgColor
  141. isBorderHighlighted = true
  142. }
  143. scheduleBorderReset()
  144. }
  145. } else {
  146. resetBorderColor()
  147. }
  148. }
  149. private func scheduleBorderReset() {
  150. DispatchQueue.main.asyncAfter(deadline: .now() + 2) { [weak self] in
  151. guard let self = self else { return }
  152. let now = Date().timeIntervalSince1970
  153. if now - self.lastVolumeUpdateTime >= 2 {
  154. self.resetBorderColor()
  155. }
  156. }
  157. }
  158. private func resetBorderColor() {
  159. scrollRenderView.layer.borderColor = UIColor.clear.cgColor
  160. isBorderHighlighted = false
  161. }
  162. }
  163. class VideoUserStatusView: UIView {
  164. private var isShownHomeOwnerImageView: Bool = false
  165. private var isViewReady: Bool = false
  166. override func didMoveToWindow() {
  167. super.didMoveToWindow()
  168. guard !isViewReady else {
  169. return
  170. }
  171. isViewReady = true
  172. constructViewHierarchy()
  173. activateConstraints()
  174. backgroundColor = UIColor(0x22262E, alpha: 0.8)
  175. layer.cornerRadius = 12
  176. layer.masksToBounds = true
  177. }
  178. private func constructViewHierarchy() {
  179. addSubview(homeOwnerImageView)
  180. addSubview(voiceVolumeImageView)
  181. addSubview(userNameLabel)
  182. }
  183. private let homeOwnerImageView: UIImageView = {
  184. let imageView = UIImageView(image: UIImage(named: "room_homeowner", in: tuiRoomKitBundle(), compatibleWith: nil))
  185. imageView.layer.cornerRadius = 12
  186. imageView.layer.masksToBounds = true
  187. return imageView
  188. }()
  189. private let userNameLabel: UILabel = {
  190. let user = UILabel()
  191. user.textColor = .white
  192. user.backgroundColor = UIColor.clear
  193. user.textAlignment = isRTL ? .right : .left
  194. user.numberOfLines = 1
  195. user.font = UIFont(name: "PingFangSC-Regular", size: 12)
  196. return user
  197. }()
  198. private let voiceVolumeImageView: VolumeView = {
  199. let imageView = VolumeView()
  200. return imageView
  201. }()
  202. private func activateConstraints() {
  203. updateOwnerImageConstraints()
  204. voiceVolumeImageView.snp.remakeConstraints { make in
  205. make.leading.equalTo(homeOwnerImageView.snp.trailing).offset(6.scale375())
  206. make.width.height.equalTo(14)
  207. make.centerY.equalToSuperview()
  208. }
  209. userNameLabel.snp.makeConstraints { make in
  210. make.leading.equalTo(voiceVolumeImageView.snp.trailing).offset(5)
  211. make.centerY.equalToSuperview()
  212. make.trailing.equalToSuperview().offset(-8)
  213. }
  214. }
  215. private func updateOwnerImageConstraints() {
  216. guard let _ = homeOwnerImageView.superview else { return }
  217. homeOwnerImageView.snp.remakeConstraints { make in
  218. make.leading.equalToSuperview()
  219. make.width.height.equalTo(isShownHomeOwnerImageView ? 24 : 0)
  220. make.top.bottom.equalToSuperview()
  221. }
  222. }
  223. }
  224. // MARK: - Public
  225. extension VideoUserStatusView {
  226. func updateUserStatus(_ item: UserInfo) {
  227. if !item.userName.isEmpty {
  228. userNameLabel.text = item.userName
  229. } else {
  230. userNameLabel.text = item.userId
  231. }
  232. if item.userRole == .roomOwner {
  233. homeOwnerImageView.image = UIImage(named: "room_homeowner", in: tuiRoomKitBundle(), compatibleWith: nil)
  234. } else if item.userRole == .administrator {
  235. homeOwnerImageView.image = UIImage(named: "room_administrator", in: tuiRoomKitBundle(), compatibleWith: nil)
  236. }
  237. isShownHomeOwnerImageView = item.userRole != .generalUser
  238. homeOwnerImageView.isHidden = !isShownHomeOwnerImageView
  239. updateOwnerImageConstraints()
  240. updateUserVolume(hasAudio: item.hasAudioStream, volume: item.userVoiceVolume)
  241. }
  242. func updateUserVolume(hasAudio: Bool, volume: Int) {
  243. voiceVolumeImageView.updateVolume(CGFloat(volume))
  244. voiceVolumeImageView.updateAudio(hasAudio)
  245. }
  246. }