@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.js
CHANGED
|
@@ -91,7 +91,9 @@ var events = {
|
|
|
91
91
|
'character-joined': eventPrifix + "-character-joined",
|
|
92
92
|
'character-left': eventPrifix + "-character-left",
|
|
93
93
|
'whiteboard-started': eventPrifix + "-whiteboard-started",
|
|
94
|
-
'whiteboard-stopped': eventPrifix + "-whiteboard-stopped"
|
|
94
|
+
'whiteboard-stopped': eventPrifix + "-whiteboard-stopped",
|
|
95
|
+
'paused-all-streams': eventPrifix + "-paused-all-streams",
|
|
96
|
+
'resumed-all-streams': eventPrifix + "-resumed-all-streams"
|
|
95
97
|
};
|
|
96
98
|
var eventEmitter = new EventEmitter();
|
|
97
99
|
eventEmitter.setMaxListeners(9999);
|
|
@@ -126,6 +128,10 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
126
128
|
onEntryRequested = _ref$onEntryRequested === void 0 ? function () {} : _ref$onEntryRequested,
|
|
127
129
|
_ref$onEntryResponded = _ref.onEntryResponded,
|
|
128
130
|
onEntryResponded = _ref$onEntryResponded === void 0 ? function () {} : _ref$onEntryResponded,
|
|
131
|
+
_ref$onPausedAllStrea = _ref.onPausedAllStreams,
|
|
132
|
+
onPausedAllStreams = _ref$onPausedAllStrea === void 0 ? function () {} : _ref$onPausedAllStrea,
|
|
133
|
+
_ref$onResumedAllStre = _ref.onResumedAllStreams,
|
|
134
|
+
onResumedAllStreams = _ref$onResumedAllStre === void 0 ? function () {} : _ref$onResumedAllStre,
|
|
129
135
|
_ref$onRecordingStart = _ref.onRecordingStarted,
|
|
130
136
|
onRecordingStarted = _ref$onRecordingStart === void 0 ? function () {} : _ref$onRecordingStart,
|
|
131
137
|
_ref$onRecordingStopp = _ref.onRecordingStopped,
|
|
@@ -184,6 +190,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
184
190
|
eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
|
|
185
191
|
eventEmitter.on(events['entry-requested'], onEntryRequested);
|
|
186
192
|
eventEmitter.on(events['entry-responded'], onEntryResponded);
|
|
193
|
+
eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
|
|
194
|
+
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
187
195
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
188
196
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
189
197
|
eventEmitter.on(events['chat-message'], onChatMessage);
|
|
@@ -218,6 +226,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
218
226
|
eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
|
|
219
227
|
eventEmitter.off(events['entry-requested'], onEntryRequested);
|
|
220
228
|
eventEmitter.off(events['entry-responded'], onEntryResponded);
|
|
229
|
+
eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
|
|
230
|
+
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
221
231
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
222
232
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
223
233
|
eventEmitter.off(events['chat-message'], onChatMessage);
|
|
@@ -262,6 +272,10 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
262
272
|
onEntryRequested = _ref2$onEntryRequeste === void 0 ? function () {} : _ref2$onEntryRequeste,
|
|
263
273
|
_ref2$onEntryResponde = _ref2.onEntryResponded,
|
|
264
274
|
onEntryResponded = _ref2$onEntryResponde === void 0 ? function () {} : _ref2$onEntryResponde,
|
|
275
|
+
_ref2$onPausedAllStre = _ref2.onPausedAllStreams,
|
|
276
|
+
onPausedAllStreams = _ref2$onPausedAllStre === void 0 ? function () {} : _ref2$onPausedAllStre,
|
|
277
|
+
_ref2$onResumedAllStr = _ref2.onResumedAllStreams,
|
|
278
|
+
onResumedAllStreams = _ref2$onResumedAllStr === void 0 ? function () {} : _ref2$onResumedAllStr,
|
|
265
279
|
_ref2$onRecordingStar = _ref2.onRecordingStarted,
|
|
266
280
|
onRecordingStarted = _ref2$onRecordingStar === void 0 ? function () {} : _ref2$onRecordingStar,
|
|
267
281
|
_ref2$onRecordingStop = _ref2.onRecordingStopped,
|
|
@@ -321,6 +335,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
321
335
|
eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
|
|
322
336
|
eventEmitter.on(events['entry-requested'], onEntryRequested);
|
|
323
337
|
eventEmitter.on(events['entry-responded'], onEntryResponded);
|
|
338
|
+
eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
|
|
339
|
+
eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
|
|
324
340
|
eventEmitter.on(events['recording-started'], onRecordingStarted);
|
|
325
341
|
eventEmitter.on(events['recording-stopped'], onRecordingStopped);
|
|
326
342
|
eventEmitter.on(events['chat-message'], onChatMessage);
|
|
@@ -354,6 +370,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
354
370
|
eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
|
|
355
371
|
eventEmitter.off(events['entry-requested'], onEntryRequested);
|
|
356
372
|
eventEmitter.off(events['entry-responded'], onEntryResponded);
|
|
373
|
+
eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
|
|
374
|
+
eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
|
|
357
375
|
eventEmitter.off(events['recording-started'], onRecordingStarted);
|
|
358
376
|
eventEmitter.off(events['recording-stopped'], onRecordingStopped);
|
|
359
377
|
eventEmitter.off(events['chat-message'], onChatMessage);
|
|
@@ -383,7 +401,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
383
401
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
|
|
384
402
|
};
|
|
385
403
|
|
|
386
|
-
var version = "0.
|
|
404
|
+
var version = "0.3.1";
|
|
387
405
|
|
|
388
406
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
389
407
|
var children = _ref.children,
|
|
@@ -661,6 +679,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
661
679
|
meeting.off('webcam-requested', _handle_webcam_requested);
|
|
662
680
|
meeting.off('mic-requested', _handle_mic_requested);
|
|
663
681
|
meeting.off('pin-state-changed', _handle_pin_state_changed);
|
|
682
|
+
meeting.off('paused-all-streams', _handle_streams_paused);
|
|
683
|
+
meeting.off('resumed-all-streams', _handle_streams_resumed);
|
|
664
684
|
meeting.off('connection-open', _handle_connection_open);
|
|
665
685
|
meeting.off('connection-close', _handle_connection_close);
|
|
666
686
|
meeting.off('switch-meeting', _handle_switch_meeting);
|
|
@@ -703,6 +723,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
703
723
|
pinnedBy: pinnedBy
|
|
704
724
|
});
|
|
705
725
|
};
|
|
726
|
+
var _handle_streams_paused = function _handle_streams_paused(_ref3) {
|
|
727
|
+
var kind = _ref3.kind;
|
|
728
|
+
eventEmitter.emit(events['paused-all-streams'], {
|
|
729
|
+
kind: kind
|
|
730
|
+
});
|
|
731
|
+
};
|
|
732
|
+
var _handle_streams_resumed = function _handle_streams_resumed(_ref4) {
|
|
733
|
+
var kind = _ref4.kind;
|
|
734
|
+
eventEmitter.emit(events['resumed-all-streams'], {
|
|
735
|
+
kind: kind
|
|
736
|
+
});
|
|
737
|
+
};
|
|
706
738
|
var _handle_connection_open = function _handle_connection_open(connection) {
|
|
707
739
|
setConnections(function (s) {
|
|
708
740
|
s.set(connection.id, connection);
|
|
@@ -829,6 +861,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
829
861
|
meeting.on('webcam-requested', _handle_webcam_requested);
|
|
830
862
|
meeting.on('mic-requested', _handle_mic_requested);
|
|
831
863
|
meeting.on('pin-state-changed', _handle_pin_state_changed);
|
|
864
|
+
meeting.on('paused-all-streams', _handle_streams_paused);
|
|
865
|
+
meeting.on('resumed-all-streams', _handle_streams_resumed);
|
|
832
866
|
meeting.on('connection-open', _handle_connection_open);
|
|
833
867
|
meeting.on('connection-close', _handle_connection_close);
|
|
834
868
|
meeting.on('switch-meeting', _handle_switch_meeting);
|
|
@@ -861,6 +895,18 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
861
895
|
meeting.end();
|
|
862
896
|
}
|
|
863
897
|
};
|
|
898
|
+
var pauseAllStreams = function pauseAllStreams(kind) {
|
|
899
|
+
var meeting = meetingRef.current;
|
|
900
|
+
if (meeting) {
|
|
901
|
+
meeting.pauseAllStreams(kind);
|
|
902
|
+
}
|
|
903
|
+
};
|
|
904
|
+
var resumeAllStreams = function resumeAllStreams(kind) {
|
|
905
|
+
var meeting = meetingRef.current;
|
|
906
|
+
if (meeting) {
|
|
907
|
+
meeting.resumeAllStreams(kind);
|
|
908
|
+
}
|
|
909
|
+
};
|
|
864
910
|
var startRecording = function startRecording(webhookUrl, awsDirPath, config, transcription) {
|
|
865
911
|
var meeting = meetingRef.current;
|
|
866
912
|
if (meeting) {
|
|
@@ -928,9 +974,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
928
974
|
enableWebcam(customVideoTrack);
|
|
929
975
|
}
|
|
930
976
|
};
|
|
931
|
-
var switchTo = function switchTo(
|
|
932
|
-
var meetingId =
|
|
933
|
-
token =
|
|
977
|
+
var switchTo = function switchTo(_ref5) {
|
|
978
|
+
var meetingId = _ref5.meetingId,
|
|
979
|
+
token = _ref5.token;
|
|
934
980
|
var meeting = meetingRef.current;
|
|
935
981
|
if (meeting) {
|
|
936
982
|
meeting.switchTo({
|
|
@@ -1025,8 +1071,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1025
1071
|
meeting.changeMic(obj);
|
|
1026
1072
|
}
|
|
1027
1073
|
};
|
|
1028
|
-
var startVideo = function startVideo(
|
|
1029
|
-
var link =
|
|
1074
|
+
var startVideo = function startVideo(_ref6) {
|
|
1075
|
+
var link = _ref6.link;
|
|
1030
1076
|
var meeting = meetingRef.current;
|
|
1031
1077
|
if (meeting) {
|
|
1032
1078
|
meeting.startVideo({
|
|
@@ -1046,8 +1092,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1046
1092
|
meeting.resumeVideo();
|
|
1047
1093
|
}
|
|
1048
1094
|
};
|
|
1049
|
-
var pauseVideo = function pauseVideo(
|
|
1050
|
-
var currentTime =
|
|
1095
|
+
var pauseVideo = function pauseVideo(_ref7) {
|
|
1096
|
+
var currentTime = _ref7.currentTime;
|
|
1051
1097
|
var meeting = meetingRef.current;
|
|
1052
1098
|
if (meeting) {
|
|
1053
1099
|
meeting.pauseVideo({
|
|
@@ -1067,8 +1113,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1067
1113
|
meeting.disableAdaptiveSubscription();
|
|
1068
1114
|
}
|
|
1069
1115
|
};
|
|
1070
|
-
var seekVideo = function seekVideo(
|
|
1071
|
-
var currentTime =
|
|
1116
|
+
var seekVideo = function seekVideo(_ref8) {
|
|
1117
|
+
var currentTime = _ref8.currentTime;
|
|
1072
1118
|
var meeting = meetingRef.current;
|
|
1073
1119
|
if (meeting) {
|
|
1074
1120
|
meeting.seekVideo({
|
|
@@ -1088,9 +1134,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1088
1134
|
meeting.stopLivestream();
|
|
1089
1135
|
}
|
|
1090
1136
|
};
|
|
1091
|
-
var connectTo = function connectTo(
|
|
1092
|
-
var meetingId =
|
|
1093
|
-
payload =
|
|
1137
|
+
var connectTo = function connectTo(_ref9) {
|
|
1138
|
+
var meetingId = _ref9.meetingId,
|
|
1139
|
+
payload = _ref9.payload;
|
|
1094
1140
|
try {
|
|
1095
1141
|
var _meeting3 = meetingRef.current;
|
|
1096
1142
|
var _temp = function () {
|
|
@@ -1173,6 +1219,8 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1173
1219
|
join: join,
|
|
1174
1220
|
leave: leave,
|
|
1175
1221
|
end: end,
|
|
1222
|
+
pauseAllStreams: pauseAllStreams,
|
|
1223
|
+
resumeAllStreams: resumeAllStreams,
|
|
1176
1224
|
startRecording: startRecording,
|
|
1177
1225
|
stopRecording: stopRecording,
|
|
1178
1226
|
sendChatMessage: sendChatMessage,
|
|
@@ -1222,7 +1270,15 @@ var useParticipant = function useParticipant(participantId, _temp) {
|
|
|
1222
1270
|
_ref$onStreamPaused = _ref.onStreamPaused,
|
|
1223
1271
|
onStreamPaused = _ref$onStreamPaused === void 0 ? function () {} : _ref$onStreamPaused,
|
|
1224
1272
|
_ref$onStreamResumed = _ref.onStreamResumed,
|
|
1225
|
-
onStreamResumed = _ref$onStreamResumed === void 0 ? function () {} : _ref$onStreamResumed
|
|
1273
|
+
onStreamResumed = _ref$onStreamResumed === void 0 ? function () {} : _ref$onStreamResumed,
|
|
1274
|
+
_ref$onProducerAdded = _ref.onProducerAdded,
|
|
1275
|
+
onProducerAdded = _ref$onProducerAdded === void 0 ? function () {} : _ref$onProducerAdded,
|
|
1276
|
+
_ref$onProducerRemove = _ref.onProducerRemoved,
|
|
1277
|
+
onProducerRemoved = _ref$onProducerRemove === void 0 ? function () {} : _ref$onProducerRemove,
|
|
1278
|
+
_ref$onConsumerAdded = _ref.onConsumerAdded,
|
|
1279
|
+
onConsumerAdded = _ref$onConsumerAdded === void 0 ? function () {} : _ref$onConsumerAdded,
|
|
1280
|
+
_ref$onConsumerRemove = _ref.onConsumerRemoved,
|
|
1281
|
+
onConsumerRemoved = _ref$onConsumerRemove === void 0 ? function () {} : _ref$onConsumerRemove;
|
|
1226
1282
|
var _useState = React.useState(null),
|
|
1227
1283
|
webcamStream = _useState[0],
|
|
1228
1284
|
setwebcamStream = _useState[1];
|
|
@@ -1439,6 +1495,18 @@ var useParticipant = function useParticipant(participantId, _temp) {
|
|
|
1439
1495
|
});
|
|
1440
1496
|
participant === null || participant === void 0 ? void 0 : participant.on('media-status-changed', _handleMediaStatusChanged);
|
|
1441
1497
|
participant === null || participant === void 0 ? void 0 : participant.on('video-quality-changed', _handleVideoQualityChanged);
|
|
1498
|
+
participant === null || participant === void 0 ? void 0 : participant.on('producer-added', function (data) {
|
|
1499
|
+
onProducerAdded(data);
|
|
1500
|
+
});
|
|
1501
|
+
participant === null || participant === void 0 ? void 0 : participant.on('producer-removed', function (data) {
|
|
1502
|
+
onProducerRemoved(data);
|
|
1503
|
+
});
|
|
1504
|
+
participant === null || participant === void 0 ? void 0 : participant.on('consumer-added', function (data) {
|
|
1505
|
+
onConsumerAdded(data);
|
|
1506
|
+
});
|
|
1507
|
+
participant === null || participant === void 0 ? void 0 : participant.on('consumer-removed', function (data) {
|
|
1508
|
+
onConsumerRemoved(data);
|
|
1509
|
+
});
|
|
1442
1510
|
eventEmitter.on(events['participant-mode-changed'], _handleParticipantModeChanged);
|
|
1443
1511
|
return function () {
|
|
1444
1512
|
participant === null || participant === void 0 ? void 0 : participant.off('stream-enabled', _handleStreamEnabled);
|