@videosdk.live/react-sdk 0.3.7 → 0.3.9
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 +96 -83
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +96 -83
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -3,52 +3,62 @@ import EventEmitter from 'events';
|
|
|
3
3
|
import { VideoSDK } from '@videosdk.live/js-sdk';
|
|
4
4
|
export { CameraDeviceInfo, DeviceInfo, ExternalE2EEKeyProvider, MicrophoneDeviceInfo } from '@videosdk.live/js-sdk';
|
|
5
5
|
|
|
6
|
-
function _arrayLikeToArray(r, a) {
|
|
7
|
-
(null == a || a > r.length) && (a = r.length);
|
|
8
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
9
|
-
return n;
|
|
10
|
-
}
|
|
11
|
-
function _createForOfIteratorHelperLoose(r, e) {
|
|
12
|
-
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
13
|
-
if (t) return (t = t.call(r)).next.bind(t);
|
|
14
|
-
if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
|
|
15
|
-
t && (r = t);
|
|
16
|
-
var o = 0;
|
|
17
|
-
return function () {
|
|
18
|
-
return o >= r.length ? {
|
|
19
|
-
done: !0
|
|
20
|
-
} : {
|
|
21
|
-
done: !1,
|
|
22
|
-
value: r[o++]
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
27
|
-
}
|
|
28
6
|
function _extends() {
|
|
29
|
-
|
|
30
|
-
for (var
|
|
31
|
-
var
|
|
32
|
-
for (var
|
|
7
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
8
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
9
|
+
var source = arguments[i];
|
|
10
|
+
for (var key in source) {
|
|
11
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
12
|
+
target[key] = source[key];
|
|
13
|
+
}
|
|
14
|
+
}
|
|
33
15
|
}
|
|
34
|
-
return
|
|
35
|
-
}
|
|
16
|
+
return target;
|
|
17
|
+
};
|
|
18
|
+
return _extends.apply(this, arguments);
|
|
36
19
|
}
|
|
37
|
-
function _objectWithoutPropertiesLoose(
|
|
38
|
-
if (
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
20
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
21
|
+
if (source == null) return {};
|
|
22
|
+
var target = {};
|
|
23
|
+
var sourceKeys = Object.keys(source);
|
|
24
|
+
var key, i;
|
|
25
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
26
|
+
key = sourceKeys[i];
|
|
27
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
28
|
+
target[key] = source[key];
|
|
43
29
|
}
|
|
44
|
-
return
|
|
30
|
+
return target;
|
|
31
|
+
}
|
|
32
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
33
|
+
if (!o) return;
|
|
34
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
35
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
36
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
37
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
38
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
39
|
+
}
|
|
40
|
+
function _arrayLikeToArray(arr, len) {
|
|
41
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
42
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
43
|
+
return arr2;
|
|
45
44
|
}
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
|
|
46
|
+
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
|
|
47
|
+
if (it) return (it = it.call(o)).next.bind(it);
|
|
48
|
+
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
49
|
+
if (it) o = it;
|
|
50
|
+
var i = 0;
|
|
51
|
+
return function () {
|
|
52
|
+
if (i >= o.length) return {
|
|
53
|
+
done: true
|
|
54
|
+
};
|
|
55
|
+
return {
|
|
56
|
+
done: false,
|
|
57
|
+
value: o[i++]
|
|
58
|
+
};
|
|
59
|
+
};
|
|
51
60
|
}
|
|
61
|
+
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
52
62
|
}
|
|
53
63
|
|
|
54
64
|
var eventPrifix = 'videosdk-live-react-sdk';
|
|
@@ -444,7 +454,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
444
454
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MeetingProviderContex.Consumer, null, children));
|
|
445
455
|
};
|
|
446
456
|
|
|
447
|
-
var version = "0.3.
|
|
457
|
+
var version = "0.3.9";
|
|
448
458
|
|
|
449
459
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
450
460
|
var children = _ref.children,
|
|
@@ -481,49 +491,49 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
481
491
|
var _useState9 = useState(false),
|
|
482
492
|
isRecording = _useState9[0],
|
|
483
493
|
setIsRecording = _useState9[1];
|
|
484
|
-
var
|
|
485
|
-
messages =
|
|
486
|
-
setMessages =
|
|
487
|
-
var _useState1 = useState(new Map()),
|
|
488
|
-
participants = _useState1[0],
|
|
489
|
-
setParticipants = _useState1[1];
|
|
490
|
-
var _useState10 = useState(new Map()),
|
|
491
|
-
characters = _useState10[0],
|
|
492
|
-
setCharacters = _useState10[1];
|
|
494
|
+
var _useState10 = useState([]),
|
|
495
|
+
messages = _useState10[0],
|
|
496
|
+
setMessages = _useState10[1];
|
|
493
497
|
var _useState11 = useState(new Map()),
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
var _useState12 = useState(
|
|
497
|
-
|
|
498
|
-
|
|
498
|
+
participants = _useState11[0],
|
|
499
|
+
setParticipants = _useState11[1];
|
|
500
|
+
var _useState12 = useState(new Map()),
|
|
501
|
+
characters = _useState12[0],
|
|
502
|
+
setCharacters = _useState12[1];
|
|
499
503
|
var _useState13 = useState(new Map()),
|
|
500
|
-
|
|
501
|
-
|
|
504
|
+
pinnedParticipants = _useState13[0],
|
|
505
|
+
setPinnedParticipants = _useState13[1];
|
|
502
506
|
var _useState14 = useState(false),
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
var _useState15 = useState(
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
var _useState16 = useState(
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
var _useState17 = useState(
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
var _useState18 = useState('
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
var _useState19 = useState(
|
|
507
|
+
isLiveStreaming = _useState14[0],
|
|
508
|
+
setIsLiveStreaming = _useState14[1];
|
|
509
|
+
var _useState15 = useState(new Map()),
|
|
510
|
+
connections = _useState15[0],
|
|
511
|
+
setConnections = _useState15[1];
|
|
512
|
+
var _useState16 = useState(false),
|
|
513
|
+
isMeetingJoined = _useState16[0],
|
|
514
|
+
setIsMeetingJoined = _useState16[1];
|
|
515
|
+
var _useState17 = useState(false),
|
|
516
|
+
isHls = _useState17[0],
|
|
517
|
+
setIsHls = _useState17[1];
|
|
518
|
+
var _useState18 = useState('RECORDING_STOPPED'),
|
|
519
|
+
recordingState = _useState18[0],
|
|
520
|
+
setRecordingState = _useState18[1];
|
|
521
|
+
var _useState19 = useState('LIVESTREAM_STOPPED'),
|
|
522
|
+
livestreamState = _useState19[0],
|
|
523
|
+
setLivestreamState = _useState19[1];
|
|
524
|
+
var _useState20 = useState('HLS_STOPPED'),
|
|
525
|
+
hlsState = _useState20[0],
|
|
526
|
+
setHlsState = _useState20[1];
|
|
527
|
+
var _useState21 = useState({
|
|
518
528
|
downstreamUrl: null,
|
|
519
529
|
playbackHlsUrl: null,
|
|
520
530
|
livestreamUrl: null
|
|
521
531
|
}),
|
|
522
|
-
hlsUrls =
|
|
523
|
-
setHlsUrls =
|
|
524
|
-
var
|
|
525
|
-
transcriptionState =
|
|
526
|
-
setTranscriptionState =
|
|
532
|
+
hlsUrls = _useState21[0],
|
|
533
|
+
setHlsUrls = _useState21[1];
|
|
534
|
+
var _useState22 = useState('TRANSCRIPTION_STOPPED'),
|
|
535
|
+
transcriptionState = _useState22[0],
|
|
536
|
+
setTranscriptionState = _useState22[1];
|
|
527
537
|
var meetingRef = useRef();
|
|
528
538
|
var localMicOnRef = useRef();
|
|
529
539
|
var localWebcamOnRef = useRef();
|
|
@@ -698,7 +708,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
698
708
|
setIsMeetingJoined(true);
|
|
699
709
|
}
|
|
700
710
|
};
|
|
701
|
-
var
|
|
711
|
+
var _handle_meeting_left = function _handle_meeting_left() {
|
|
702
712
|
eventEmitter.emit(events['meeting-left']);
|
|
703
713
|
var meeting = meetingRef.current;
|
|
704
714
|
if (meeting) {
|
|
@@ -716,7 +726,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
716
726
|
meeting.off('recording-started', _handle_recording_started);
|
|
717
727
|
meeting.off('recording-stopped', _handle_recording_stopped);
|
|
718
728
|
meeting.off('meeting-joined', _handle_meeting_joined);
|
|
719
|
-
meeting.off('meeting-left',
|
|
729
|
+
meeting.off('meeting-left', _handle_meeting_left);
|
|
720
730
|
meeting.off('livestream-started', _handle_live_stream_started);
|
|
721
731
|
meeting.off('livestream-stopped', _handle_live_stream_stopped);
|
|
722
732
|
meeting.off('video-state-changed', _handle_video_state_changed);
|
|
@@ -913,7 +923,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
913
923
|
meeting.on('recording-started', _handle_recording_started);
|
|
914
924
|
meeting.on('recording-stopped', _handle_recording_stopped);
|
|
915
925
|
meeting.on('meeting-joined', _handle_meeting_joined);
|
|
916
|
-
meeting.on('meeting-left',
|
|
926
|
+
meeting.on('meeting-left', _handle_meeting_left);
|
|
917
927
|
meeting.on('livestream-started', _handle_live_stream_started);
|
|
918
928
|
meeting.on('livestream-stopped', _handle_live_stream_stopped);
|
|
919
929
|
meeting.on('video-state-changed', _handle_video_state_changed);
|
|
@@ -1218,9 +1228,9 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1218
1228
|
meeting.stopLivestream();
|
|
1219
1229
|
}
|
|
1220
1230
|
};
|
|
1221
|
-
var connectTo = function connectTo(
|
|
1222
|
-
var meetingId =
|
|
1223
|
-
payload =
|
|
1231
|
+
var connectTo = function connectTo(_ref10) {
|
|
1232
|
+
var meetingId = _ref10.meetingId,
|
|
1233
|
+
payload = _ref10.payload;
|
|
1224
1234
|
try {
|
|
1225
1235
|
var _meeting3 = meetingRef.current;
|
|
1226
1236
|
var _temp = function () {
|
|
@@ -2388,6 +2398,9 @@ var VideoSDKPlayer = forwardRef(function (_ref5, ref) {
|
|
|
2388
2398
|
var mediaStream = new MediaStream();
|
|
2389
2399
|
mediaStream.addTrack(stream.track);
|
|
2390
2400
|
videoRef.current.srcObject = mediaStream;
|
|
2401
|
+
videoRef.current.setAttribute('playsinline', '');
|
|
2402
|
+
videoRef.current.setAttribute('x5-playsinline', '');
|
|
2403
|
+
videoRef.current.setAttribute('webkit-playsinline', '');
|
|
2391
2404
|
videoRef.current.play()["catch"](function (error) {
|
|
2392
2405
|
return console.error('videoRef.current.play() failed', error);
|
|
2393
2406
|
});
|