Calls via Agora [wip - buggy #2]

resources/views/app/video/call-agora.blade.php

@@ -62,12 +62,15 @@
             </div>
         </div>
 
+        @if($client)
         <div class="" v-show="!videoActive && client">
             <button class="btn btn-sm btn-primary font-weight-bold mx-auto mt-4 d-block"
                     v-on:click.prevent="connect()">
                 Start video call with {{ $client->displayName() }}
             </button>
         </div>
+        @endif
+
 
     </div>
 
@@ -208,8 +211,16 @@
 
                             const client = AgoraRTC.createClient({mode:'rtc', codec:'h264'})
                             let camera, mic
-                            try { mic = await AgoraRTC.createMicrophoneAudioTrack() } catch { }
-                            try { camera = await AgoraRTC.createCameraVideoTrack() } catch { }
+                            try { mic = await AgoraRTC.createMicrophoneAudioTrack() } catch {
+                                console.log('ALIX: error in getting mic');
+                            }
+                            try { camera = await AgoraRTC.createCameraVideoTrack() } catch {
+                                console.log('ALIX: error in getting camera');
+                            }
+
+                            // testing
+                            try { camera = await AgoraRTC.createScreenVideoTrack() } catch { }
+
                             if (!mic && !camera){
                                 alert('Do you have camera/mic? Unable to hear or see you.')
                                 return
@@ -290,6 +301,7 @@
                             self.joinMeetingAsPro(self.selfUserType);
                             $('#self-view').attr('data-type', 'PRO').show();
                             self.activateParty('self');
+                            self.videoActive = true;
                         }
 
                         _initAgora();