SingleStreamView.swift 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
  1. //
  2. // SingleStreamView.swift
  3. // TUIRoomKit
  4. //
  5. // Created by CY zhao on 2024/11/19.
  6. //
  7. import Foundation
  8. import SnapKit
  9. import UIKit
  10. import Combine
  11. import RTCRoomEngine
  12. import Factory
  13. #if canImport(TXLiteAVSDK_TRTC)
  14. import TXLiteAVSDK_TRTC
  15. #elseif canImport(TXLiteAVSDK_Professional)
  16. import TXLiteAVSDK_Professional
  17. #endif
  18. protocol SingleStreamViewDelegate: AnyObject {
  19. func singleViewDidClick(_ view: SingleStreamView, videoItem: UserInfo?)
  20. }
  21. class SingleStreamView: UIView {
  22. @Injected(\.videoStore) var videoStore: VideoStore
  23. weak var delegate: SingleStreamViewDelegate?
  24. private(set) var videoItem: UserInfo?
  25. private var isDraggable: Bool = false
  26. private var isBorderHighlighted = false
  27. private var lastVolumeUpdateTime: TimeInterval = 0
  28. var cancellableSet = Set<AnyCancellable>()
  29. private(set) var originalX: CGFloat = 0
  30. var isSupportedAmplification: Bool {
  31. return videoItem?.videoStreamType == .screenStream
  32. }
  33. var engineManager: EngineManager {
  34. EngineManager.shared
  35. }
  36. var currentUserId: String {
  37. engineManager.store.currentUser.userId
  38. }
  39. init(isDraggable: Bool = false) {
  40. self.isDraggable = isDraggable
  41. super.init(frame: .zero)
  42. }
  43. required init?(coder: NSCoder) {
  44. fatalError("init(coder:) has not been implemented")
  45. }
  46. func updateVideoItem(item: UserInfo?) {
  47. cancellableSet.removeAll()
  48. if let oldItem = self.videoItem, oldItem.userId != item?.userId {
  49. stopPlayVideoStream()
  50. }
  51. videoItem = item
  52. updateBindind(with: item)
  53. }
  54. func createVideoItemPublisher(for userId: String, item: UserInfo) -> AnyPublisher<UserInfo, Never> {
  55. let seatItemsPublisher = videoStore.subscribe(Selector(keyPath: \VideoSeatState.videoSeatItems))
  56. .map { items -> UserInfo? in
  57. items.first { $0.userId == userId}
  58. }
  59. .eraseToAnyPublisher()
  60. let shareItemPublisher = videoStore.subscribe(Selector(keyPath: \VideoSeatState.shareItem))
  61. .map { shareItem -> UserInfo? in
  62. if let shareItem = shareItem, shareItem.userId == userId {
  63. return shareItem
  64. }
  65. return nil
  66. }
  67. .eraseToAnyPublisher()
  68. return (item.videoStreamType == .screenStream ? shareItemPublisher : seatItemsPublisher)
  69. .compactMap { $0 }
  70. .receive(on: RunLoop.main)
  71. .share()
  72. .eraseToAnyPublisher()
  73. }
  74. private func updateBindind(with userInfo: UserInfo?) {
  75. guard let userInfo = userInfo else { return }
  76. let userId = userInfo.userId
  77. let videoItemPublisher = createVideoItemPublisher(for: userId, item: userInfo)
  78. videoItemPublisher
  79. .removeDuplicates { oldItem, newItem in
  80. oldItem.hasAudioStream == newItem.hasAudioStream &&
  81. oldItem.userVoiceVolume == newItem.userVoiceVolume
  82. }
  83. .receive(on: RunLoop.main)
  84. .sink { [weak self] userInfo in
  85. guard let self = self else { return }
  86. self.handleAudioUpdate(userInfo: userInfo)
  87. }
  88. .store(in: &cancellableSet)
  89. videoItemPublisher
  90. .removeDuplicates { oldItem, newItem in
  91. oldItem.userName == newItem.userName &&
  92. oldItem.userRole == newItem.userRole &&
  93. oldItem.hasVideoStream == newItem.hasVideoStream &&
  94. oldItem.videoStreamType == newItem.videoStreamType
  95. }
  96. .receive(on: RunLoop.main)
  97. .sink { [weak self] userInfo in
  98. guard let self = self else { return }
  99. self.handleInfoUpdate(userInfo: userInfo)
  100. }
  101. .store(in: &cancellableSet)
  102. }
  103. private lazy var scrollRenderView: UIScrollView = {
  104. let scrollView = UIScrollView()
  105. scrollView.backgroundColor = UIColor(0x17181F)
  106. scrollView.layer.cornerRadius = 16
  107. scrollView.layer.masksToBounds = true
  108. scrollView.layer.borderWidth = 2
  109. scrollView.layer.borderColor = UIColor.clear.cgColor
  110. scrollView.showsVerticalScrollIndicator = false
  111. scrollView.showsHorizontalScrollIndicator = false
  112. scrollView.maximumZoomScale = 5
  113. scrollView.minimumZoomScale = 1
  114. scrollView.isScrollEnabled = false
  115. scrollView.delegate = self
  116. return scrollView
  117. }()
  118. let renderView: UIView = {
  119. let view = UIView(frame: .zero)
  120. view.backgroundColor = .clear
  121. return view
  122. }()
  123. let backgroundMaskView: UIView = {
  124. let view = UIView(frame: .zero)
  125. view.backgroundColor = UIColor(0x17181F)
  126. view.layer.cornerRadius = 16
  127. view.layer.masksToBounds = true
  128. return view
  129. }()
  130. let userInfoView: VideoUserStatusView = {
  131. let view = VideoUserStatusView()
  132. return view
  133. }()
  134. let avatarImageView: UIImageView = {
  135. let imageView = UIImageView(frame: .zero)
  136. imageView.layer.masksToBounds = true
  137. return imageView
  138. }()
  139. private var isViewReady = false
  140. override func didMoveToWindow() {
  141. super.didMoveToWindow()
  142. guard !isViewReady else {
  143. return
  144. }
  145. isViewReady = true
  146. constructViewHierarchy()
  147. activateConstraints()
  148. bindInteraction()
  149. self.backgroundColor = .clear
  150. }
  151. private func constructViewHierarchy() {
  152. scrollRenderView.addSubview(renderView)
  153. scrollRenderView.addSubview(backgroundMaskView)
  154. self.addSubview(scrollRenderView)
  155. self.addSubview(avatarImageView)
  156. self.addSubview(userInfoView)
  157. }
  158. private func activateConstraints() {
  159. scrollRenderView.snp.makeConstraints { make in
  160. make.edges.equalToSuperview().inset(2)
  161. }
  162. renderView.snp.makeConstraints { make in
  163. make.center.equalToSuperview()
  164. make.width.equalToSuperview()
  165. make.height.equalToSuperview()
  166. }
  167. backgroundMaskView.snp.makeConstraints { make in
  168. make.edges.equalToSuperview()
  169. }
  170. userInfoView.snp.makeConstraints { make in
  171. make.height.equalTo(24)
  172. make.bottom.equalToSuperview().offset(-5)
  173. make.leading.equalToSuperview().offset(5)
  174. make.width.lessThanOrEqualTo(self).multipliedBy(0.9)
  175. }
  176. }
  177. private func handleAudioUpdate(userInfo: UserInfo?) {
  178. guard let item = userInfo else { return }
  179. updateUIVolume(item: item)
  180. }
  181. private func handleInfoUpdate(userInfo: UserInfo?) {
  182. guard let item = userInfo else { return }
  183. if !self.isHidden && self.alpha > 0 {
  184. if item.hasVideoStream || item.videoStreamType == .screenStream {
  185. self.startPlayVideoStream(item: item)
  186. } else {
  187. self.stopPlayVideoStream(item: item)
  188. }
  189. }
  190. updateUI(item: item)
  191. }
  192. func startPlayVideoStream() {
  193. if let videoItem = self.videoItem {
  194. if videoItem.hasVideoStream || videoItem.videoStreamType == .screenStream {
  195. self.startPlayVideoStream(item: videoItem)
  196. } else {
  197. self.stopPlayVideoStream(item: videoItem)
  198. }
  199. }
  200. }
  201. func stopPlayVideoStream() {
  202. if let videoItem = self.videoItem {
  203. stopPlayVideoStream(item: videoItem)
  204. }
  205. }
  206. private func bindInteraction() {
  207. if isDraggable {
  208. addGesture()
  209. }
  210. }
  211. func reset() {
  212. scrollRenderView.zoomScale = 1.0
  213. cancellableSet.removeAll()
  214. resetBorderColor()
  215. }
  216. func updateSize(size: CGSize) {
  217. var frame = self.frame
  218. frame.size = size
  219. self.frame = frame
  220. center = adsorption(centerPoint: center)
  221. }
  222. deinit {
  223. NSObject.cancelPreviousPerformRequests(withTarget: self)
  224. debugPrint("deinit \(self)")
  225. }
  226. }
  227. extension SingleStreamView: UIScrollViewDelegate {
  228. func viewForZooming(in scrollView: UIScrollView) -> UIView? {
  229. return isSupportedAmplification ? renderView : nil
  230. }
  231. }
  232. extension SingleStreamView {
  233. private func startPlayVideoStream(item: UserInfo) {
  234. if item.userId != currentUserId {
  235. engineManager.setRemoteVideoView(userId: item.userId, streamType: item.videoStreamType, view: renderView)
  236. engineManager.startPlayRemoteVideo(userId: item.userId, streamType: item.videoStreamType)
  237. } else if item.videoStreamType == .cameraStream || item.videoStreamType == .cameraStreamLow {
  238. engineManager.setLocalVideoView(renderView)
  239. }
  240. }
  241. private func stopPlayVideoStream(item: UserInfo) {
  242. if item.userId == currentUserId {
  243. engineManager.setLocalVideoView(nil)
  244. } else if item.videoStreamType == .cameraStream || item.videoStreamType == .cameraStreamLow {
  245. engineManager.setRemoteVideoView(userId: item.userId, streamType: item.videoStreamType, view: nil)
  246. engineManager.stopPlayRemoteVideo(userId: item.userId, streamType: item.videoStreamType)
  247. }
  248. }
  249. }
  250. // MARK: - Public
  251. extension SingleStreamView {
  252. func updateUI(item: UserInfo) {
  253. videoItem = item
  254. let placeholder = UIImage(named: "room_default_user", in: tuiRoomKitBundle(), compatibleWith: nil)
  255. avatarImageView.sd_setImage(with: URL(string: item.avatarUrl), placeholderImage: placeholder)
  256. avatarImageView.isHidden = item.videoStreamType == .screenStream ? true : item.hasVideoStream
  257. backgroundMaskView.isHidden = item.videoStreamType == .screenStream ? true : item.hasVideoStream
  258. userInfoView.updateUserStatus(item)
  259. scrollRenderView.layer.borderColor = UIColor.clear.cgColor
  260. DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) { [weak self] in
  261. guard let self = self else { return }
  262. let width = min(self.mm_w / 2, 72)
  263. self.avatarImageView.layer.cornerRadius = width * 0.5
  264. guard let _ = self.avatarImageView.superview else { return }
  265. self.avatarImageView.snp.remakeConstraints { make in
  266. make.height.width.equalTo(width)
  267. make.center.equalToSuperview()
  268. }
  269. }
  270. }
  271. func updateUIVolume(item: UserInfo) {
  272. guard videoItem?.userId == item.userId else { return }
  273. videoItem?.hasAudioStream = item.hasAudioStream
  274. userInfoView.updateUserVolume(hasAudio: item.hasAudioStream, volume: item.userVoiceVolume)
  275. lastVolumeUpdateTime = Date().timeIntervalSince1970
  276. if item.userVoiceVolume > 0 && item.hasAudioStream {
  277. if item.videoStreamType != .screenStream {
  278. if !isBorderHighlighted {
  279. scrollRenderView.layer.borderColor = UIColor(0xA5FE33).cgColor
  280. isBorderHighlighted = true
  281. }
  282. scheduleBorderReset()
  283. }
  284. } else {
  285. resetBorderColor()
  286. }
  287. }
  288. private func scheduleBorderReset() {
  289. DispatchQueue.main.asyncAfter(deadline: .now() + 2) { [weak self] in
  290. guard let self = self else { return }
  291. let now = Date().timeIntervalSince1970
  292. if now - self.lastVolumeUpdateTime >= 2 {
  293. self.resetBorderColor()
  294. }
  295. }
  296. }
  297. private func resetBorderColor() {
  298. scrollRenderView.layer.borderColor = UIColor.clear.cgColor
  299. isBorderHighlighted = false
  300. }
  301. }
  302. // MARK: - gesture
  303. extension SingleStreamView {
  304. private func addGesture() {
  305. let dragGesture = UIPanGestureRecognizer(target: self, action: #selector(dragViewDidDrag(gesture:)))
  306. addGestureRecognizer(dragGesture)
  307. let tapGesture = UITapGestureRecognizer(target: self, action: #selector(singleViewDidTapped))
  308. addGestureRecognizer(tapGesture)
  309. }
  310. @objc private func singleViewDidTapped() {
  311. delegate?.singleViewDidClick(self, videoItem: videoItem)
  312. }
  313. func setupFrame(_ frame: CGRect) {
  314. self.frame = frame
  315. self.originalX = frame.origin.x
  316. }
  317. @objc private func dragViewDidDrag(gesture: UIPanGestureRecognizer) {
  318. guard let viewSuperview = superview else { return }
  319. let moveState = gesture.state
  320. let viewCenter = center
  321. switch moveState {
  322. case .changed:
  323. let point = gesture.translation(in: viewSuperview)
  324. center = CGPoint(x: viewCenter.x + point.x, y: viewCenter.y + point.y)
  325. break
  326. case .ended:
  327. let point = gesture.translation(in: viewSuperview)
  328. let newPoint = CGPoint(x: viewCenter.x + point.x, y: viewCenter.y + point.y)
  329. UIView.animate(withDuration: 0.2) {
  330. self.center = self.adsorption(centerPoint: newPoint)
  331. }
  332. originalX = frame.origin.x
  333. break
  334. default: break
  335. }
  336. gesture.setTranslation(.zero, in: viewSuperview)
  337. }
  338. private func adsorption(centerPoint: CGPoint) -> CGPoint {
  339. guard let viewSuperview = superview else { return centerPoint }
  340. let limitMargin = 5.0
  341. let frame = self.frame
  342. let point = CGPoint(x: centerPoint.x - frame.width / 2, y: centerPoint.y - frame.height / 2)
  343. var newPoint = point
  344. if centerPoint.x < (viewSuperview.frame.width / 2) {
  345. newPoint.x = limitMargin
  346. } else {
  347. newPoint.x = viewSuperview.frame.width - frame.width - limitMargin
  348. }
  349. if point.y <= limitMargin {
  350. newPoint.y = limitMargin
  351. } else if (point.y + frame.height) > (viewSuperview.frame.height - limitMargin) {
  352. newPoint.y = viewSuperview.frame.height - frame.height - limitMargin
  353. }
  354. return CGPoint(x: newPoint.x + frame.width / 2, y: newPoint.y + frame.height / 2)
  355. }
  356. }