QBWEBSDK-208

Author: dimaspirit

js/modules/webrtc/qbWebRTCSession.js

@@ -167,8 +167,9 @@ WebRTCSession.prototype.detachMediaStream = function(id){
 };
 
 /**
- * Initiate a call
- * @param {array} A map with custom parameters
+ * [Initiate a call]
+ * @param  {object}   extension [custom parametrs]
+ * @param  {Function} callback  
  */
 WebRTCSession.prototype.call = function(extension, callback) {
   var self = this,
@@ -227,6 +228,12 @@ WebRTCSession.prototype.accept = function(extension) {
     return;
   }
 
+  if(self.state === WebRTCSession.State.CLOSED) {
+    Helpers.traceError("Can't accept, the session is already closed, return.");
+    self.stop({});
+    return;
+  }
+
   self.state = WebRTCSession.State.ACTIVE;
 
   self.acceptCallTime = new Date();

quickblox.min.js

@@ -334,8 +334,8 @@
                     });
 
                     ui.$callees.append(videoElems);
-                    ui.setPositionFooter();
                     ui.updateMsg( {msg: 'during_call', obj: {name: app.caller.full_name}} );
+                    ui.setPositionFooter();
 
                     app.currentSession.accept({});
                 }
@@ -620,7 +620,6 @@
                     console.log('userID: ' + userID);
                     console.log('Session: ' + session);
                 console.groupEnd();
-
                 app.currentSession.peerConnections[userID].stream = stream;
 
                 app.currentSession.attachMediaStream('remote_video_' + userID, stream);

samples/webrtc/app.js

@@ -461,6 +461,8 @@ body {
     display: inline-block;
     position: relative;
     width: 50%;
+
+    padding-top: 14px;
     padding-right: 10px;
 
     vertical-align: top;
@@ -473,11 +475,14 @@ body {
 
 
 .callees__callee_inner {
+    position: relative;
     margin: 0 0 10px 0;
 }
 
 .callees__callee_status {
-    margin: 0 0 3px 0;
+    position: absolute;
+    width: 100%;
+    top: -14px;
 
     font-size: 11px;
     text-transform: uppercase;
@@ -493,7 +498,7 @@ body {
     .callees__callee_video.active {
         border-color: #41cc44;
     }
-    .callees__callee-wait .callees__callee_video:before{
+    .callees__callee-wait .callees__callee_inner:before{
         content: " ";
         display: block;