@videosdk.live/react-sdk 0.2.3 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +83 -15
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +83 -15
- package/dist/index.modern.js.map +1 -1
- package/dist/types/index.d.ts +18 -0
- package/dist/types/meeting.d.ts +16 -0
- package/package.json +2 -2
package/dist/index.modern.js
CHANGED
|
@@ -89,7 +89,9 @@ var events = {
|
|
|
89
89
|
'character-joined': eventPrifix + "-character-joined",
|
|
90
90
|
'character-left': eventPrifix + "-character-left",
|
|
91
91
|
'whiteboard-started': eventPrifix + "-whiteboard-started",
|
|
92
|
-
'whiteboard-stopped': eventPrifix + "-whiteboard-stopped"
|
|
92
|
+
'whiteboard-stopped': eventPrifix + "-whiteboard-stopped",
|
|
93
|
+
'paused-all-streams': eventPrifix + "-paused-all-streams",
|
|
94
|
+
'resumed-all-streams': eventPrifix + "-resumed-all-streams"
|
|
93
95
|
};
|
|
94
96
|
var eventEmitter = new EventEmitter();
|
|
95
97
|
eventEmitter.setMaxListeners(9999);
|
|
@@ -124,6 +126,10 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
124
126
|
onEntryRequested = _ref$onEntryRequested === void 0 ? function () {} : _ref$onEntryRequested,
|
|
125
127
|
_ref$onEntryResponded = _ref.onEntryResponded,
|
|
126
128
|
onEntryResponded = _ref$onEntryResponded === void 0 ? function () {} : _ref$onEntryResponded,
|
|
129
|
+
_ref$onPausedAllStrea = _ref.onPausedAllStreams,
|
|
130
|
+
onPausedAllStreams = _ref$onPausedAllStrea === void 0 ? function () {} : _ref$onPausedAllStrea,
|
|
131
|
+
_ref$onResumedAllStre = _ref.onResumedAllStreams,
|
|
132
|
+
onResumedAllStreams = _ref$onResumedAllStre === void 0 ? function () {} : _ref$onResumedAllStre,
|
|
127
133
|
_ref$onRecordingStart = _ref.onRecordingStarted,
|
|
128
134
|
onRecordingStarted = _ref$onRecordingStart === void 0 ? function () {} : _ref$onRecordingStart,
|
|
129
135
|
_ref$onRecordingStopp = _ref.onRecordingStopped,
|
|
@@ -182,6 +188,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
182
188
|
eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
|
|
183
189
|
eventEmitter.on(events['entry-requested'], onEntryRequested);
|
|
184
190
|
eventEmitter.on(events['entry-responded'], onEntryResponded);
|
|
191
|
+
eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
|
|
192
|
+
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
185
193
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
186
194
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
187
195
|
eventEmitter.on(events['chat-message'], onChatMessage);
|
|
@@ -216,6 +224,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
216
224
|
eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
|
|
217
225
|
eventEmitter.off(events['entry-requested'], onEntryRequested);
|
|
218
226
|
eventEmitter.off(events['entry-responded'], onEntryResponded);
|
|
227
|
+
eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
|
|
228
|
+
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
219
229
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
220
230
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
221
231
|
eventEmitter.off(events['chat-message'], onChatMessage);
|
|
@@ -260,6 +270,10 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
260
270
|
onEntryRequested = _ref2$onEntryRequeste === void 0 ? function () {} : _ref2$onEntryRequeste,
|
|
261
271
|
_ref2$onEntryResponde = _ref2.onEntryResponded,
|
|
262
272
|
onEntryResponded = _ref2$onEntryResponde === void 0 ? function () {} : _ref2$onEntryResponde,
|
|
273
|
+
_ref2$onPausedAllStre = _ref2.onPausedAllStreams,
|
|
274
|
+
onPausedAllStreams = _ref2$onPausedAllStre === void 0 ? function () {} : _ref2$onPausedAllStre,
|
|
275
|
+
_ref2$onResumedAllStr = _ref2.onResumedAllStreams,
|
|
276
|
+
onResumedAllStreams = _ref2$onResumedAllStr === void 0 ? function () {} : _ref2$onResumedAllStr,
|
|
263
277
|
_ref2$onRecordingStar = _ref2.onRecordingStarted,
|
|
264
278
|
onRecordingStarted = _ref2$onRecordingStar === void 0 ? function () {} : _ref2$onRecordingStar,
|
|
265
279
|
_ref2$onRecordingStop = _ref2.onRecordingStopped,
|
|
@@ -319,6 +333,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
319
333
|
eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
|
|
320
334
|
eventEmitter.on(events['entry-requested'], onEntryRequested);
|
|
321
335
|
eventEmitter.on(events['entry-responded'], onEntryResponded);
|
|
336
|
+
eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
|
|
337
|
+
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
322
338
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
323
339
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
324
340
|
eventEmitter.on(events['chat-message'], onChatMessage);
|
|
@@ -352,6 +368,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
352
368
|
eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
|
|
353
369
|
eventEmitter.off(events['entry-requested'], onEntryRequested);
|
|
354
370
|
eventEmitter.off(events['entry-responded'], onEntryResponded);
|
|
371
|
+
eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
|
|
372
|
+
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
355
373
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
356
374
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
357
375
|
eventEmitter.off(events['chat-message'], onChatMessage);
|
|
@@ -381,7 +399,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
381
399
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MeetingProviderContex.Consumer, null, children));
|
|
382
400
|
};
|
|
383
401
|
|
|
384
|
-
var version = "0.
|
|
402
|
+
var version = "0.3.1";
|
|
385
403
|
|
|
386
404
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
387
405
|
var children = _ref.children,
|
|
@@ -659,6 +677,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
659
677
|
meeting.off('webcam-requested', _handle_webcam_requested);
|
|
660
678
|
meeting.off('mic-requested', _handle_mic_requested);
|
|
661
679
|
meeting.off('pin-state-changed', _handle_pin_state_changed);
|
|
680
|
+
meeting.off('paused-all-streams', _handle_streams_paused);
|
|
681
|
+
meeting.off('resumed-all-streams', _handle_streams_resumed);
|
|
662
682
|
meeting.off('connection-open', _handle_connection_open);
|
|
663
683
|
meeting.off('connection-close', _handle_connection_close);
|
|
664
684
|
meeting.off('switch-meeting', _handle_switch_meeting);
|
|
@@ -701,6 +721,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
701
721
|
pinnedBy: pinnedBy
|
|
702
722
|
});
|
|
703
723
|
};
|
|
724
|
+
var _handle_streams_paused = function _handle_streams_paused(_ref3) {
|
|
725
|
+
var kind = _ref3.kind;
|
|
726
|
+
eventEmitter.emit(events['paused-all-streams'], {
|
|
727
|
+
kind: kind
|
|
728
|
+
});
|
|
729
|
+
};
|
|
730
|
+
var _handle_streams_resumed = function _handle_streams_resumed(_ref4) {
|
|
731
|
+
var kind = _ref4.kind;
|
|
732
|
+
eventEmitter.emit(events['resumed-all-streams'], {
|
|
733
|
+
kind: kind
|
|
734
|
+
});
|
|
735
|
+
};
|
|
704
736
|
var _handle_connection_open = function _handle_connection_open(connection) {
|
|
705
737
|
setConnections(function (s) {
|
|
706
738
|
s.set(connection.id, connection);
|
|
@@ -827,6 +859,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
827
859
|
meeting.on('webcam-requested', _handle_webcam_requested);
|
|
828
860
|
meeting.on('mic-requested', _handle_mic_requested);
|
|
829
861
|
meeting.on('pin-state-changed', _handle_pin_state_changed);
|
|
862
|
+
meeting.on('paused-all-streams', _handle_streams_paused);
|
|
863
|
+
meeting.on('resumed-all-streams', _handle_streams_resumed);
|
|
830
864
|
meeting.on('connection-open', _handle_connection_open);
|
|
831
865
|
meeting.on('connection-close', _handle_connection_close);
|
|
832
866
|
meeting.on('switch-meeting', _handle_switch_meeting);
|
|
@@ -859,6 +893,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
859
893
|
meeting.end();
|
|
860
894
|
}
|
|
861
895
|
};
|
|
896
|
+
var pauseAllStreams = function pauseAllStreams(kind) {
|
|
897
|
+
var meeting = meetingRef.current;
|
|
898
|
+
if (meeting) {
|
|
899
|
+
meeting.pauseAllStreams(kind);
|
|
900
|
+
}
|
|
901
|
+
};
|
|
902
|
+
var resumeAllStreams = function resumeAllStreams(kind) {
|
|
903
|
+
var meeting = meetingRef.current;
|
|
904
|
+
if (meeting) {
|
|
905
|
+
meeting.resumeAllStreams(kind);
|
|
906
|
+
}
|
|
907
|
+
};
|
|
862
908
|
var startRecording = function startRecording(webhookUrl, awsDirPath, config, transcription) {
|
|
863
909
|
var meeting = meetingRef.current;
|
|
864
910
|
if (meeting) {
|
|
@@ -926,9 +972,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
926
972
|
enableWebcam(customVideoTrack);
|
|
927
973
|
}
|
|
928
974
|
};
|
|
929
|
-
var switchTo = function switchTo(
|
|
930
|
-
var meetingId =
|
|
931
|
-
token =
|
|
975
|
+
var switchTo = function switchTo(_ref5) {
|
|
976
|
+
var meetingId = _ref5.meetingId,
|
|
977
|
+
token = _ref5.token;
|
|
932
978
|
var meeting = meetingRef.current;
|
|
933
979
|
if (meeting) {
|
|
934
980
|
meeting.switchTo({
|
|
@@ -1023,8 +1069,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1023
1069
|
meeting.changeMic(obj);
|
|
1024
1070
|
}
|
|
1025
1071
|
};
|
|
1026
|
-
var startVideo = function startVideo(
|
|
1027
|
-
var link =
|
|
1072
|
+
var startVideo = function startVideo(_ref6) {
|
|
1073
|
+
var link = _ref6.link;
|
|
1028
1074
|
var meeting = meetingRef.current;
|
|
1029
1075
|
if (meeting) {
|
|
1030
1076
|
meeting.startVideo({
|
|
@@ -1044,8 +1090,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1044
1090
|
meeting.resumeVideo();
|
|
1045
1091
|
}
|
|
1046
1092
|
};
|
|
1047
|
-
var pauseVideo = function pauseVideo(
|
|
1048
|
-
var currentTime =
|
|
1093
|
+
var pauseVideo = function pauseVideo(_ref7) {
|
|
1094
|
+
var currentTime = _ref7.currentTime;
|
|
1049
1095
|
var meeting = meetingRef.current;
|
|
1050
1096
|
if (meeting) {
|
|
1051
1097
|
meeting.pauseVideo({
|
|
@@ -1065,8 +1111,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1065
1111
|
meeting.disableAdaptiveSubscription();
|
|
1066
1112
|
}
|
|
1067
1113
|
};
|
|
1068
|
-
var seekVideo = function seekVideo(
|
|
1069
|
-
var currentTime =
|
|
1114
|
+
var seekVideo = function seekVideo(_ref8) {
|
|
1115
|
+
var currentTime = _ref8.currentTime;
|
|
1070
1116
|
var meeting = meetingRef.current;
|
|
1071
1117
|
if (meeting) {
|
|
1072
1118
|
meeting.seekVideo({
|
|
@@ -1086,9 +1132,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1086
1132
|
meeting.stopLivestream();
|
|
1087
1133
|
}
|
|
1088
1134
|
};
|
|
1089
|
-
var connectTo = function connectTo(
|
|
1090
|
-
var meetingId =
|
|
1091
|
-
payload =
|
|
1135
|
+
var connectTo = function connectTo(_ref9) {
|
|
1136
|
+
var meetingId = _ref9.meetingId,
|
|
1137
|
+
payload = _ref9.payload;
|
|
1092
1138
|
try {
|
|
1093
1139
|
var _meeting3 = meetingRef.current;
|
|
1094
1140
|
var _temp = function () {
|
|
@@ -1171,6 +1217,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1171
1217
|
join: join,
|
|
1172
1218
|
leave: leave,
|
|
1173
1219
|
end: end,
|
|
1220
|
+
pauseAllStreams: pauseAllStreams,
|
|
1221
|
+
resumeAllStreams: resumeAllStreams,
|
|
1174
1222
|
startRecording: startRecording,
|
|
1175
1223
|
stopRecording: stopRecording,
|
|
1176
1224
|
sendChatMessage: sendChatMessage,
|
|
@@ -1220,7 +1268,15 @@ var useParticipant = function useParticipant(participantId, _temp) {
|
|
|
1220
1268
|
_ref$onStreamPaused = _ref.onStreamPaused,
|
|
1221
1269
|
onStreamPaused = _ref$onStreamPaused === void 0 ? function () {} : _ref$onStreamPaused,
|
|
1222
1270
|
_ref$onStreamResumed = _ref.onStreamResumed,
|
|
1223
|
-
onStreamResumed = _ref$onStreamResumed === void 0 ? function () {} : _ref$onStreamResumed
|
|
1271
|
+
onStreamResumed = _ref$onStreamResumed === void 0 ? function () {} : _ref$onStreamResumed,
|
|
1272
|
+
_ref$onProducerAdded = _ref.onProducerAdded,
|
|
1273
|
+
onProducerAdded = _ref$onProducerAdded === void 0 ? function () {} : _ref$onProducerAdded,
|
|
1274
|
+
_ref$onProducerRemove = _ref.onProducerRemoved,
|
|
1275
|
+
onProducerRemoved = _ref$onProducerRemove === void 0 ? function () {} : _ref$onProducerRemove,
|
|
1276
|
+
_ref$onConsumerAdded = _ref.onConsumerAdded,
|
|
1277
|
+
onConsumerAdded = _ref$onConsumerAdded === void 0 ? function () {} : _ref$onConsumerAdded,
|
|
1278
|
+
_ref$onConsumerRemove = _ref.onConsumerRemoved,
|
|
1279
|
+
onConsumerRemoved = _ref$onConsumerRemove === void 0 ? function () {} : _ref$onConsumerRemove;
|
|
1224
1280
|
var _useState = useState(null),
|
|
1225
1281
|
webcamStream = _useState[0],
|
|
1226
1282
|
setwebcamStream = _useState[1];
|
|
@@ -1437,6 +1493,18 @@ var useParticipant = function useParticipant(participantId, _temp) {
|
|
|
1437
1493
|
});
|
|
1438
1494
|
participant === null || participant === void 0 ? void 0 : participant.on('media-status-changed', _handleMediaStatusChanged);
|
|
1439
1495
|
participant === null || participant === void 0 ? void 0 : participant.on('video-quality-changed', _handleVideoQualityChanged);
|
|
1496
|
+
participant === null || participant === void 0 ? void 0 : participant.on('producer-added', function (data) {
|
|
1497
|
+
onProducerAdded(data);
|
|
1498
|
+
});
|
|
1499
|
+
participant === null || participant === void 0 ? void 0 : participant.on('producer-removed', function (data) {
|
|
1500
|
+
onProducerRemoved(data);
|
|
1501
|
+
});
|
|
1502
|
+
participant === null || participant === void 0 ? void 0 : participant.on('consumer-added', function (data) {
|
|
1503
|
+
onConsumerAdded(data);
|
|
1504
|
+
});
|
|
1505
|
+
participant === null || participant === void 0 ? void 0 : participant.on('consumer-removed', function (data) {
|
|
1506
|
+
onConsumerRemoved(data);
|
|
1507
|
+
});
|
|
1440
1508
|
eventEmitter.on(events['participant-mode-changed'], _handleParticipantModeChanged);
|
|
1441
1509
|
return function () {
|
|
1442
1510
|
participant === null || participant === void 0 ? void 0 : participant.off('stream-enabled', _handleStreamEnabled);
|