@agilemotion/oui-react-js 1.5.5 → 1.5.6

package/dist/components/media/VCRoomParticipant.js

@@ -15,7 +15,7 @@ var _VCEventType = require("./VCEventType");
 
 var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
 
-var _Recorder = _interopRequireDefault(require("./Recorder"));
+var _VCRoomRecorder = _interopRequireDefault(require("./VCRoomRecorder"));
 
 var _MediaSoupHelper = _interopRequireDefault(require("./MediaSoupHelper"));
 
@@ -409,7 +409,7 @@ const VCRoomParticipant = props => {
     audioRef.current = stream;
 
     if (props.isHost && type === 'audio') {
-      _Recorder.default.addTrack(props.data.userId, track);
+      _VCRoomRecorder.default.addTrack(props.data.userId, track);
 
       tracks.current.setAudioTrack(track);
     }
@@ -517,8 +517,8 @@ const VCRoomParticipant = props => {
           track.stop();
         });
 
-        if (userId && _Recorder.default) {
-          _Recorder.default.removeTrack(userId);
+        if (userId && _VCRoomRecorder.default) {
+          _VCRoomRecorder.default.removeTrack(userId);
         }
 
         let elementById = document.getElementById(props.data.userId + '-audio-el-container');
@@ -561,7 +561,7 @@ const VCRoomParticipant = props => {
             document.getElementById('meeting-audio-el-container').appendChild(audioElement);
 
             if (props.isHost) {
-              _Recorder.default.addTrack(userId, stream.getAudioTracks()[0]);
+              _VCRoomRecorder.default.addTrack(userId, stream.getAudioTracks()[0]);
             }
           }
         }

package/dist/components/media/VCRoomWorkspace.css

@@ -89,6 +89,7 @@
 
 @media (max-device-width: 820px) {
   .meetingParticipantContainer {
+    text-align: center;
     min-width: 100% !important;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.5.5",
+  "version": "1.5.6",
   "babel": {
     "presets": [
       "@babel/preset-env",

package/dist/components/media/Recorder.js

@@ -1,235 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _SocketManager = _interopRequireDefault(require("../SocketManager"));
-
-var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
-
-var _VCEventType = require("./VCEventType");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-const {
-  electron
-} = window;
-
-class Recorder {
-  constructor() {
-    _defineProperty(this, "init", async (meetingId, meetingTitle) => {
-      this.meetingId = meetingId;
-      this.meetingTitle = meetingTitle;
-    });
-
-    _defineProperty(this, "addTrack", (id, track) => {
-      console.log("ADDING TRACK FOR : " + id);
-      this.audioTracks.set(id, track);
-
-      if (this.recorder && this.recorder.state === 'recording') {
-        let mediaStream = new MediaStream([track]);
-        const mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(this.audioContext, {
-          mediaStream: mediaStream
-        });
-        mediaStreamAudioSourceNode.connect(this.mediaStreamAudioDestinationNode);
-      }
-    });
-
-    _defineProperty(this, "removeTrack", id => {
-      if (this.audioTracks.has(id)) {
-        this.audioTracks.delete(id);
-      }
-    });
-
-    _defineProperty(this, "handleRecordingDataAvailable", e => {
-      if (e.data.size > 0) {
-        console.log("ADDED CHUNK : " + this.recordingSequence);
-        const blob = new Blob([e.data], {
-          type: "video/webm"
-        });
-        const data = {
-          userId: _VCEventManager.default.getUserDetails().userId,
-          meetingId: this.meetingId,
-          name: this.meetingTitle,
-          type: blob.type,
-          size: blob.size,
-          sequenceNumber: this.recordingSequence,
-          sessionId: this.currentRecordingId
-        };
-        const reader = new FileReader();
-        reader.readAsDataURL(blob);
-
-        let _this = this;
-
-        reader.onload = function (evt) {
-          const result = evt.target.result;
-          _this.recordingType = blob.type;
-          _this.recordingSize += blob.size;
-          data.recordedData = result.replace('data:video/webm;base64,', '');
-          console.log("======== SAVING RECORDING CHUNK =========");
-          console.log(data);
-
-          _SocketManager.default.emitEvent(_VCEventType.VCEventType.SAVE_RECORDING, data).then(data => {
-            console.log("===== SAVE RECORDING SUCCESS ======");
-
-            if (!_this.isRecording) {
-              console.log("======= STOPPING RECORDING =======", _this.meetingTitle);
-              const data = {
-                meetingId: _this.meetingId,
-                name: _this.meetingTitle,
-                type: _this.recordingType,
-                size: _this.recordingSize,
-                sequenceNumber: _this.recordingSequence,
-                sessionId: _this.currentRecordingId
-              };
-
-              _SocketManager.default.emitEvent(_VCEventType.VCEventType.STOP_RECORDING, data).catch(error => {});
-            }
-          }).catch(error => {
-            console.log("===== SAVE RECORDING ERROR ======");
-          });
-        };
-
-        _this.recordingSequence++;
-      } else {
-        console.log("no data to push");
-      }
-    });
-
-    _defineProperty(this, "recordMeeting", async () => {
-      this.recorder = await this.createMediaRecorder();
-
-      let _this = this;
-
-      if (this.recorder != null) {
-        _SocketManager.default.emitEvent(_VCEventType.VCEventType.TOGGLE_RECORD_MEETING, {
-          roomID: _this.meetingId,
-          isRecording: true
-        }).then(data => {
-          console.log("RECORDING STARTED : " + data.id);
-          _this.currentRecordingId = data.id;
-          _this.recordingSequence = 0;
-          _this.recordingSize = 0;
-          _this.recordingType = '';
-
-          _this.recorder.start(60000);
-
-          _this.isRecording = true;
-        }).catch(error => {
-          console.log("RECORD START ERROR");
-          console.log(error);
-        });
-      }
-    });
-
-    _defineProperty(this, "stopRecordingMeeting", () => {
-      try {
-        this.isRecording = false;
-
-        _SocketManager.default.emitEvent(_VCEventType.VCEventType.TOGGLE_RECORD_MEETING, {
-          roomID: this.meetingId,
-          isRecording: false
-        }).catch(error => {});
-
-        if (this.recorder && this.recorder.state === 'recording') {
-          if (this.recorder.stream) {
-            var _this$recorder$stream;
-
-            if (((_this$recorder$stream = this.recorder.stream.getVideoTracks()) === null || _this$recorder$stream === void 0 ? void 0 : _this$recorder$stream.length) > 0) {
-              this.recorder.stream.getVideoTracks()[0].stop();
-            }
-          }
-
-          this.recorder.stop();
-        }
-      } catch (e) {
-        console.error(e);
-      }
-    });
-
-    _defineProperty(this, "handleStopRecording", e => {
-      this.isRecording = false;
-    });
-
-    _defineProperty(this, "createMediaRecorder", () => {
-      return new Promise((resolve, reject) => {
-        electron.ipcRenderer.getMainWindowId().then(id => {
-          if (id) {
-            const videoConstraints = {
-              audio: false,
-              video: {
-                mandatory: {
-                  chromeMediaSource: 'desktop',
-                  chromeMediaSourceId: id,
-                  minWidth: 1280,
-                  maxWidth: 1280,
-                  minHeight: 720,
-                  maxHeight: 720
-                }
-              }
-            };
-
-            let _this = this;
-
-            navigator.mediaDevices.getUserMedia(videoConstraints).then(stream => {
-              const options = {
-                mimeType: "video/webm; codecs=vp9"
-              };
-              let audioContext = new AudioContext();
-              let mediaStreamAudioDestinationNode = new MediaStreamAudioDestinationNode(audioContext);
-              let tracks = [mediaStreamAudioDestinationNode.stream.getAudioTracks()[0], stream.getVideoTracks()[0]];
-
-              if (this.audioTracks.size > 0) {
-                for (const value of this.audioTracks.values()) {
-                  tracks.push(value);
-                  let mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(audioContext, {
-                    mediaStream: new MediaStream([value])
-                  });
-                  mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
-                }
-              } else {
-                let mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(audioContext, {
-                  mediaStream: new MediaStream(tracks)
-                });
-                mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
-              }
-
-              console.log("INIT WITH TRACKS : ", tracks);
-              let initialMediaStream = new MediaStream(tracks);
-              const recorder = new MediaRecorder(initialMediaStream, options);
-              recorder.ondataavailable = _this.handleRecordingDataAvailable;
-              recorder.onstop = _this.handleStopRecording;
-              this.audioContext = audioContext;
-              this.mediaStreamAudioDestinationNode = mediaStreamAudioDestinationNode;
-              resolve(recorder);
-            }).catch(e => {
-              console.error(e);
-              reject(new Error(e.message));
-            });
-          } else {
-            reject(new Error("Cannot initialize recorder. Application screen source not found"));
-          }
-        });
-      });
-    });
-
-    this.meetingId = null;
-    this.meetingTitle = '';
-    this.recordingSequence = 0;
-    this.currentRecordingId = null;
-    this.recordingType = null;
-    this.recordingSize = null;
-    this.isRecording = false;
-    this.recorder = null;
-    this.audioTracks = new Map();
-  }
-
-}
-
-const instance = new Recorder();
-var _default = instance;
-exports.default = _default;