optimize live streaming

Author: plutoless

iOS/APIExample/Examples/Advanced/LiveStreaming/Base.lproj/LiveStreaming.storyboard

@@ -196,12 +196,18 @@
                     <connections>
                         <outlet property="backgroundVideoContainer" destination="q9v-1n-ZYf" id="ADa-RX-kZg"/>
                         <outlet property="clientRoleToggle" destination="7iE-Y0-bQi" id="xF0-48-qAP"/>
+                        <outlet property="clientRoleToggleView" destination="Uwe-Fi-04a" id="oys-Z9-DtO"/>
                         <outlet property="foregroundVideoContainer" destination="XSO-cE-x5n" id="7GG-yW-hDg"/>
                         <outlet property="ultraLowLatencyToggle" destination="cbb-WI-53A" id="n3x-pK-MuE"/>
+                        <outlet property="ultraLowLatencyToggleView" destination="Wts-5Z-p7a" id="HI8-ov-5iY"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="8dQ-Wz-bG7" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
-                <tapGestureRecognizer id="yDz-VT-Yop"/>
+                <tapGestureRecognizer id="yDz-VT-Yop">
+                    <connections>
+                        <action selector="onTapForegroundVideo:" destination="jxp-ZN-2yG" id="GIx-yy-Bev"/>
+                    </connections>
+                </tapGestureRecognizer>
             </objects>
             <point key="canvasLocation" x="3130" y="931"/>
         </scene>

iOS/APIExample/Examples/Advanced/LiveStreaming/LiveStreaming.swift

@@ -57,19 +57,25 @@ class LiveStreamingMain: BaseViewController {
     var backgroundVideo = Bundle.loadView(fromNib: "VideoView", withType: VideoView.self)
     @IBOutlet weak var foregroundVideoContainer:UIView!
     @IBOutlet weak var backgroundVideoContainer:UIView!
+    @IBOutlet weak var clientRoleToggleView:UIView!
+    @IBOutlet weak var ultraLowLatencyToggleView:UIView!
     @IBOutlet weak var clientRoleToggle:UISwitch!
     @IBOutlet weak var ultraLowLatencyToggle:UISwitch!
-    var remoteUid: UInt?
+    var remoteUid: UInt? {
+        didSet {
+            foregroundVideoContainer.isHidden = !(role == .broadcaster && remoteUid != nil)
+        }
+    }
     var agoraKit: AgoraRtcEngineKit!
     var role: AgoraClientRole = .broadcaster {
         didSet {
-            foregroundVideoContainer.isHidden = role != .broadcaster
+            foregroundVideoContainer.isHidden = !(role == .broadcaster && remoteUid != nil)
             ultraLowLatencyToggle.isEnabled = role == .audience
         }
     }
     var isLocalVideoForeground = false {
         didSet {
-            if(isLocalVideoForeground) {
+            if isLocalVideoForeground {
                 foregroundVideo.setPlaceholder(text: "Local Host".localized)
                 backgroundVideo.setPlaceholder(text: "Remote Host".localized)
             } else {
@@ -104,6 +110,9 @@ class LiveStreamingMain: BaseViewController {
 
         // for audience put local video in foreground
         isLocalVideoForeground = role == .audience
+        // if inital role is broadcaster, do not show audience options
+        clientRoleToggleView.isHidden = role == .broadcaster
+        ultraLowLatencyToggleView.isHidden = role == .broadcaster
 
         // make this room live broadcasting room
         agoraKit.setChannelProfile(.liveBroadcasting)
@@ -151,7 +160,7 @@ class LiveStreamingMain: BaseViewController {
         let videoCanvas = AgoraRtcVideoCanvas()
         videoCanvas.uid = 0
         // the view to be binded
-        videoCanvas.view = foregroundVideo.videoView
+        videoCanvas.view = localVideoCanvas()
         videoCanvas.renderMode = .hidden
         agoraKit.setupLocalVideo(videoCanvas)
 
@@ -172,23 +181,25 @@ class LiveStreamingMain: BaseViewController {
         agoraKit.setClientRole(.audience, options: options)
     }
 
-    @IBAction func onTapForegroundVideo(_ sender:UIButton) {
+    func localVideoCanvas() -> UIView {
+        return isLocalVideoForeground ? foregroundVideo.videoView : backgroundVideo.videoView
+    }
+    
+    func remoteVideoCanvas() -> UIView {
+        return isLocalVideoForeground ? backgroundVideo.videoView : foregroundVideo.videoView
+    }
+    
+    @IBAction func onTapForegroundVideo(_ sender:UIGestureRecognizer) {
         isLocalVideoForeground = !isLocalVideoForeground
 
         let localVideoCanvas = AgoraRtcVideoCanvas()
         localVideoCanvas.uid = 0
         localVideoCanvas.renderMode = .hidden
+        localVideoCanvas.view = self.localVideoCanvas()
 
         let remoteVideoCanvas = AgoraRtcVideoCanvas()
         remoteVideoCanvas.renderMode = .hidden
-        
-        if(isLocalVideoForeground) {
-            localVideoCanvas.view = foregroundVideo.videoView
-            remoteVideoCanvas.view = backgroundVideo.videoView
-        } else {
-            localVideoCanvas.view = foregroundVideo.videoView
-            remoteVideoCanvas.view = backgroundVideo.videoView
-        }
+        remoteVideoCanvas.view = self.remoteVideoCanvas()
 
         agoraKit.setupLocalVideo(localVideoCanvas)
         if let uid = remoteUid {
@@ -274,7 +285,7 @@ extension LiveStreamingMain: AgoraRtcEngineDelegate {
         let videoCanvas = AgoraRtcVideoCanvas()
         videoCanvas.uid = uid
         // the view to be binded
-        videoCanvas.view = backgroundVideo.videoView
+        videoCanvas.view = remoteVideoCanvas()
         videoCanvas.renderMode = .hidden
         agoraKit.setupRemoteVideo(videoCanvas)
     }

iOS/APIExample/zh-Hans.lproj/Localizable.strings

@@ -8,7 +8,7 @@
 
 "Join a channel (Video)" = "实时视频通话/直播";
 "Join a channel (Audio)" = "实时语音通话/直播";
-"Live Streaming" = "RTC实时直播";
+"Live Streaming" = "RTC实时直播/主播/观众";
 "RTMP Streaming" = "RTMP旁路推流";
 "Media Injection" = "流媒体注入";
 "Video Metadata" = "SEI消息";