Updated the QBMediaRecorder in the WebRTC Sample

Author: Vladlukhanin

quickblox.min.js

@@ -362,7 +362,7 @@ <h4 class="caller__name">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
     <!-- Check our qbMediaRecorder https://github.com/QuickBlox/javascript-media-recorder -->
-    <script src="https://unpkg.com/media-recorder-js@0.1.0/mediaRecorder.js"></script>
+    <script src="https://unpkg.com/media-recorder-js@2.0.0/qbMediaRecorder.js"></script>
 
     <!-- QB -->
     <script src="../../quickblox.min.js"></script>

samples/webrtc/index.html

@@ -11,26 +11,24 @@
         var recorder = null;
 
         var recorderOpts = {
-                callbacks: {
-                    onStart: function onStartRecord() {
-                        console.log('[QB Recorder] onStartRecording');
-                        $('.j-record').addClass('active');
-                    },
-                    onStop: function(blob) {
-                        console.log('[QB Recorder] onStopRecording');
-                        $('.j-record').removeClass('active');
-
-                        var down = confirm('Do you want to download video?');
-
-                        if (down) {
-                            recorder.download('QB_WEBrtc_sample' + Date.now(), blob);
-                        }
-
-                        recorder = null;
-                    },
-                    onError: function(error) {
-                        console.error('Recorder error', error);
+                onstart: function onStartRecord() {
+                    console.log('[QB Recorder] onStartRecording');
+                    $('.j-record').addClass('active');
+                },
+                onstop: function(blob) {
+                    console.log('[QB Recorder] onStopRecording');
+                    $('.j-record').removeClass('active');
+
+                    var down = confirm('Do you want to download video?');
+
+                    if (down) {
+                        recorder.download('QB_WEBrtc_sample' + Date.now(), blob);
                     }
+
+                    recorder = null;
+                },
+                onerror: function(error) {
+                    console.error('Recorder error', error);
                 }
             };
         var isAudio = false;
@@ -164,8 +162,8 @@
                 var framesTpl = _.template( $('#frames_tpl').html() );
                 $('.j-board').append( framesTpl({'nameUser': app.caller.full_name}));
 
-                // TODO: Hide a record button if browser not supported it
-                if (!qbMediaRecorder.isAvailable()) {
+                // Hide a record button if browser not supported it
+                if (!QBMediaRecorder.isAvailable()) {
                     $('.j-record').hide();
                 }
 
@@ -622,7 +620,7 @@
 
             if(_.isEmpty(app.currentSession)) {
                 return false;
-            } else if(qbMediaRecorder.isAvailable()) {
+            } else if(QBMediaRecorder.isAvailable()) {
                 if(!isActive){
                     var connections = app.currentSession.peerConnections,
                         connection = connections[app.mainVideo],
@@ -632,8 +630,8 @@
                         return false;
                     }
 
-                    recorder = new qbMediaRecorder(connection.stream, recorderOpts);
-                    recorder.start();
+                    recorder = new QBMediaRecorder(recorderOpts);
+                    recorder.start(connection.stream);
                 } else {
                     recorder.stop();
                 }

samples/webrtc/js/app.js

@@ -13,7 +13,7 @@
 
 var config = {
   version: '2.8.0',
-  buildNumber: '1060',
+  buildNumber: '1061',
   creds: {
     appId: '',
     authKey: '',