it can stop or start recording

Author: banshiAnton

videochat-conf/images/recording_off.svg

@@ -84,10 +84,6 @@
             <span>Login:</span>
             <input type="text" id="login_user">
           </div>
-          <div class="modal-checkbox">
-            <input type="checkbox" id="is_sign_up" name="scales">
-            <label for="is_sign_up">Sign up</label>
-          </div>
           <input type="button" value="Log In" id="sign-up">
           <input type="button" value="Cancel" id="hide-modal">
         </form>
@@ -111,12 +107,16 @@
 
       <!-- ACTIVE VIDEOCHAT SCREEN -->
       <section id="videochat" class="hidden">
+        <div id="recording-overlay" class="hidden">
+          <div class="record-circle"></div>
+          <p class="recording-text">Recording...</p>
+        </div>
         <div id="videochat-streams"></div>
         <div id="videochat-buttons-container">
           <button id="videochat-mute-unmute" class="videochat-button" disabled></button>
           <button id="videochat-mute-unmute-video" class="videochat-button" disabled></button>
           <button id="videochat-stop-call" class="videochat-button"></button>
-          <button id="videochat-record-call" class="hidden"></button>
+          <button id="videochat-record-call" class="videochat-button hidden"></button>
             <button 
               id="videochat-switch-camera" 
               class="videochat-button videochat-switch-camera-list tooltip-container-list-camera" 
@@ -234,7 +234,7 @@ <h2 id="select-header">Select users to start Videocall</h2>
   </body>
 
 <script type="text/javascript" src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/connectycube@3.12.0/dist/connectycube.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/connectycube@3.9.1/dist/connectycube.min.js"></script>
 <script type="text/javascript" src="/main.js"></script>
 <script type="text/javascript" src="/events-service.js"></script>
 </html>

videochat-conf/images/recording_on.svg

@@ -1,7 +1,7 @@
 import { credentials, appConfig } from "./config";
 
 class AuthService {
-  static CURRENT_USER_SESSION = "ConnectyCubeVideoConf:CURRENT_USER_SESSION";
+  static CURRENT_USER_SESSION = "ConnectyCubeVideoConf:CURRENT_USER_SESSION:STORE";
 
   $loginScreen = document.getElementById("login");
   $callScreen = document.getElementById("call");
@@ -30,18 +30,21 @@ class AuthService {
   signIn = (params) => {
     return ConnectyCube.createSession(params)
       .then((session) => {
+        session.user.password = params.password
         localStorage.setItem(AuthService.CURRENT_USER_SESSION, JSON.stringify(session));
+        return session
       })
   }
 
+  connectChat(user) {
+    return ConnectyCube.chat.connect({ userId: user.id, password: user.password })
+  }
+
   signUp(params) {
     return ConnectyCube.createSession()
-      .then(() => {
-        return ConnectyCube.users.signup(params)
-      })
-      .then(()=> {
-        return this.signIn(params)
-      })
+      .then(() => ConnectyCube.users.signup(params))
+      .then(()=> this.signIn(params))
+      .then(session => this.connectChat(Object.assign(session.user, params)))
   }
 
   login = user => {