[WIP] Private Call UI

This commit is contained in:
Ali
2023-11-13 21:51:22 +04:00
parent 04705d4d09
commit e26df40077
23 changed files with 1382 additions and 385 deletions

View File

@@ -2,6 +2,7 @@ import Foundation
import UIKit
import Display
import MetalEngine
import ComponentFlow
public final class PrivateCallScreen: UIView {
public struct State: Equatable {
@@ -13,27 +14,51 @@ public final class PrivateCallScreen: UIView {
}
}
public struct ActiveState: Equatable {
public var startTime: Double
public var signalInfo: SignalInfo
public var emojiKey: [String]
public init(startTime: Double, signalInfo: SignalInfo, emojiKey: [String]) {
self.startTime = startTime
self.signalInfo = signalInfo
self.emojiKey = emojiKey
}
}
public enum LifecycleState: Equatable {
case connecting
case ringing
case exchangingKeys
case active(startTime: Double, signalInfo: SignalInfo)
case active(ActiveState)
}
public var lifecycleState: LifecycleState
public var name: String
public var avatarImage: UIImage?
public init(lifecycleState: LifecycleState) {
public init(
lifecycleState: LifecycleState,
name: String,
avatarImage: UIImage?
) {
self.lifecycleState = lifecycleState
self.name = name
self.avatarImage = avatarImage
}
}
private struct Params: Equatable {
var size: CGSize
var insets: UIEdgeInsets
var screenCornerRadius: CGFloat
var state: State
init(size: CGSize, insets: UIEdgeInsets) {
init(size: CGSize, insets: UIEdgeInsets, screenCornerRadius: CGFloat, state: State) {
self.size = size
self.insets = insets
self.screenCornerRadius = screenCornerRadius
self.state = state
}
}
@@ -48,18 +73,14 @@ public final class PrivateCallScreen: UIView {
private let buttonGroupView: ButtonGroupView
public var state: State = State(lifecycleState: .connecting) {
didSet {
if self.state != oldValue {
if let params = self.params {
self.updateInternal(params: params, animated: true)
}
}
}
}
private var params: Params?
private var remoteVideo: VideoSource?
private var isSpeakerOn: Bool = false
private var isMicrophoneMuted: Bool = false
private var isVideoOn: Bool = false
public override init(frame: CGRect) {
self.blurContentsLayer = SimpleLayer()
@@ -91,32 +112,53 @@ public final class PrivateCallScreen: UIView {
self.contentOverlayContainer.addSubview(self.buttonGroupView)
self.buttonGroupView.audioPressed = { [weak self] in
guard let self else {
/*self.buttonGroupView.audioPressed = { [weak self] in
guard let self, var params = self.params else {
return
}
var state = self.state
switch state.lifecycleState {
case .connecting, .ringing, .exchangingKeys:
state.lifecycleState = .active(startTime: CFAbsoluteTimeGetCurrent(), signalInfo: State.SignalInfo(quality: 1.0))
case let .active(startTime, signalInfo):
if signalInfo.quality == 1.0 {
state.lifecycleState = .active(startTime: startTime, signalInfo: State.SignalInfo(quality: 0.2))
} else if signalInfo.quality == 0.2 {
state.lifecycleState = .connecting
self.isSpeakerOn = !self.isSpeakerOn
switch params.state.lifecycleState {
case .connecting:
params.state.lifecycleState = .ringing
case .ringing:
params.state.lifecycleState = .exchangingKeys
case .exchangingKeys:
params.state.lifecycleState = .active(State.ActiveState(
startTime: Date().timeIntervalSince1970,
signalInfo: State.SignalInfo(quality: 1.0),
emojiKey: ["🐱", "🚂", "", "🎨"]
))
case var .active(activeState):
if activeState.signalInfo.quality == 1.0 {
activeState.signalInfo.quality = 0.1
} else {
activeState.signalInfo.quality = 1.0
}
params.state.lifecycleState = .active(activeState)
}
self.state = state
self.params = params
self.update(transition: .spring(duration: 0.3))
}
self.buttonGroupView.toggleVideo = { [weak self] in
guard let self else {
return
}
self.contentView.toggleDisplayVideo()
}
if self.remoteVideo == nil {
if let url = Bundle.main.url(forResource: "test2", withExtension: "mp4") {
self.remoteVideo = FileVideoSource(device: MetalEngine.shared.device, url: url)
}
} else {
self.remoteVideo = nil
}
self.isVideoOn = !self.isVideoOn
self.update(transition: .spring(duration: 0.3))
}*/
}
public required init?(coder: NSCoder) {
@@ -131,16 +173,23 @@ public final class PrivateCallScreen: UIView {
return result
}
public func update(size: CGSize, insets: UIEdgeInsets) {
let params = Params(size: size, insets: insets)
public func update(size: CGSize, insets: UIEdgeInsets, screenCornerRadius: CGFloat, state: State, transition: Transition) {
let params = Params(size: size, insets: insets, screenCornerRadius: screenCornerRadius, state: state)
if self.params == params {
return
}
self.params = params
self.updateInternal(params: params, animated: false)
self.updateInternal(params: params, transition: transition)
}
private func updateInternal(params: Params, animated: Bool) {
private func update(transition: Transition) {
guard let params = self.params else {
return
}
self.updateInternal(params: params, transition: transition)
}
private func updateInternal(params: Params, transition: Transition) {
let backgroundFrame = CGRect(origin: CGPoint(), size: params.size)
let aspect: CGFloat = params.size.width / params.size.height
@@ -151,24 +200,24 @@ public final class PrivateCallScreen: UIView {
let visualBackgroundFrame = backgroundFrame.insetBy(dx: -CGFloat(edgeSize) / renderingSize.width * backgroundFrame.width, dy: -CGFloat(edgeSize) / renderingSize.height * backgroundFrame.height)
self.backgroundLayer.renderSpec = RenderLayerSpec(size: RenderSize(width: Int(renderingSize.width) + edgeSize * 2, height: Int(renderingSize.height) + edgeSize * 2))
self.backgroundLayer.frame = visualBackgroundFrame
transition.setFrame(layer: self.backgroundLayer, frame: visualBackgroundFrame)
let backgroundStateIndex: Int
switch self.state.lifecycleState {
switch params.state.lifecycleState {
case .connecting:
backgroundStateIndex = 0
case .ringing:
backgroundStateIndex = 0
case .exchangingKeys:
backgroundStateIndex = 0
case let .active(_, signalInfo):
if signalInfo.quality <= 0.2 {
case let .active(activeState):
if activeState.signalInfo.quality <= 0.2 {
backgroundStateIndex = 2
} else {
backgroundStateIndex = 1
}
}
self.backgroundLayer.update(stateIndex: backgroundStateIndex, animated: animated)
self.backgroundLayer.update(stateIndex: backgroundStateIndex, transition: transition)
self.contentOverlayLayer.frame = CGRect(origin: CGPoint(), size: params.size)
self.contentOverlayLayer.update(size: params.size, contentInsets: UIEdgeInsets())
@@ -176,13 +225,74 @@ public final class PrivateCallScreen: UIView {
self.contentOverlayContainer.frame = CGRect(origin: CGPoint(), size: params.size)
self.blurBackgroundLayer.renderSpec = RenderLayerSpec(size: RenderSize(width: Int(renderingSize.width) + edgeSize * 2, height: Int(renderingSize.height) + edgeSize * 2))
self.blurBackgroundLayer.frame = visualBackgroundFrame
self.blurBackgroundLayer.update(stateIndex: backgroundStateIndex, animated: animated)
self.blurBackgroundLayer.update(stateIndex: backgroundStateIndex, transition: transition)
transition.setFrame(layer: self.blurBackgroundLayer, frame: visualBackgroundFrame)
self.buttonGroupView.frame = CGRect(origin: CGPoint(), size: params.size)
self.buttonGroupView.update(size: params.size)
let buttons: [ButtonGroupView.Button] = [
ButtonGroupView.Button(content: .speaker(isActive: self.isSpeakerOn), action: { [weak self] in
guard let self, var params = self.params else {
return
}
self.isSpeakerOn = !self.isSpeakerOn
switch params.state.lifecycleState {
case .connecting:
params.state.lifecycleState = .ringing
case .ringing:
params.state.lifecycleState = .exchangingKeys
case .exchangingKeys:
params.state.lifecycleState = .active(State.ActiveState(
startTime: Date().timeIntervalSince1970,
signalInfo: State.SignalInfo(quality: 1.0),
emojiKey: ["🐱", "🚂", "❄️", "🎨"]
))
case var .active(activeState):
if activeState.signalInfo.quality == 1.0 {
activeState.signalInfo.quality = 0.1
} else {
activeState.signalInfo.quality = 1.0
}
params.state.lifecycleState = .active(activeState)
}
self.params = params
self.update(transition: .spring(duration: 0.3))
}),
ButtonGroupView.Button(content: .video(isActive: self.isVideoOn), action: { [weak self] in
guard let self else {
return
}
if self.remoteVideo == nil {
if let url = Bundle.main.url(forResource: "test2", withExtension: "mp4") {
self.remoteVideo = FileVideoSource(device: MetalEngine.shared.device, url: url)
}
} else {
self.remoteVideo = nil
}
self.isVideoOn = !self.isVideoOn
self.update(transition: .spring(duration: 0.3))
}),
ButtonGroupView.Button(content: .microphone(isMuted: self.isMicrophoneMuted), action: {
}),
ButtonGroupView.Button(content: .end, action: {
})
]
self.buttonGroupView.update(size: params.size, buttons: buttons, transition: transition)
self.contentView.frame = CGRect(origin: CGPoint(), size: params.size)
self.contentView.update(size: params.size, insets: params.insets, state: self.state)
self.contentView.update(
size: params.size,
insets: params.insets,
screenCornerRadius: params.screenCornerRadius,
state: params.state,
remoteVideo: remoteVideo,
transition: transition
)
}
}