@videosdk.live/react-sdk 0.1.27 → 0.1.30
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/README.md +18 -4
- package/dist/index.js +102 -19
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +100 -20
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<h1 align="center">
|
|
2
|
-
<img src="https://
|
|
2
|
+
<img src="https://www.linkpicture.com/q/videosdk_Full-Logo_blue.png"/><br/>
|
|
3
3
|
<p align="center">
|
|
4
4
|
Video SDK React App<br/>
|
|
5
5
|
<a href="https://videosdk.live/">videosdk.live</a>
|
|
@@ -9,7 +9,15 @@
|
|
|
9
9
|
<p align="center">
|
|
10
10
|
<a href="https://www.npmjs.com/package/@videosdk.live/react-sdk"><img src="https://img.shields.io/npm/dw/@videosdk.live/react-sdk.svg?style=for-the-badge" alt="NPM downloads"></a>
|
|
11
11
|
<a href="https://www.npmjs.com/package/@videosdk.live/react-sdk"><img src="https://img.shields.io/npm/v/@videosdk.live/react-sdk/latest.svg?style=for-the-badge" alt="NPM latest version"></a>
|
|
12
|
-
<a href="https://discord.
|
|
12
|
+
<a href="https://discord.gg/kgAvyxtTxv">
|
|
13
|
+
<img src="https://img.shields.io/discord/734858252939952248?logo=discord&style=for-the-badge" />
|
|
14
|
+
</a>
|
|
15
|
+
<a href="https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fpublish.twitter.com%2F&ref_src=twsrc%5Etfw%7Ctwcamp%5Ebuttonembed%7Ctwterm%5Efollow%7Ctwgr%5Evideo_sdk&screen_name=video_sdk">
|
|
16
|
+
<img src="https://img.shields.io/twitter/follow/video_sdk?label=Twitter&logo=twitter&style=for-the-badge" />
|
|
17
|
+
</a>
|
|
18
|
+
<a href="http://youtube.com/videosdk?sub_confirmation=1">
|
|
19
|
+
<img src="https://img.shields.io/youtube/channel/subscribers/UCuY7JzXnpp874oa7uQbUwsA?logo=Youtube&style=for-the-badge" />
|
|
20
|
+
</a>
|
|
13
21
|
</p>
|
|
14
22
|
|
|
15
23
|
## Features
|
|
@@ -28,6 +36,9 @@
|
|
|
28
36
|
|
|
29
37
|
Visit our official guide for [Browser Support](https://docs.videosdk.live/docs/realtime-communication/see-also/device-browser-support)
|
|
30
38
|
|
|
39
|
+
## Demo App
|
|
40
|
+
Check out demo [here](https://videosdk.live/prebuilt/)
|
|
41
|
+
|
|
31
42
|
## Prerequisites
|
|
32
43
|
|
|
33
44
|
You must have the following installed:
|
|
@@ -67,10 +78,13 @@ import {
|
|
|
67
78
|
} from "@videosdk.live/react-sdk";
|
|
68
79
|
```
|
|
69
80
|
|
|
70
|
-
|
|
71
81
|
## Documentation
|
|
72
82
|
|
|
73
|
-
Check the components and their usage in our [documentation](https://docs.videosdk.live/
|
|
83
|
+
Check the components and their usage in our [documentation](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/getting-started).
|
|
84
|
+
|
|
85
|
+
## Quick Start
|
|
86
|
+
|
|
87
|
+
Check the Quick Start guide to our [documentation](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/quick-start).
|
|
74
88
|
|
|
75
89
|
|
|
76
90
|
## Try it out
|
package/dist/index.js
CHANGED
|
@@ -255,7 +255,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
255
255
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
|
|
256
256
|
};
|
|
257
257
|
|
|
258
|
-
var version = "0.1.
|
|
258
|
+
var version = "0.1.29";
|
|
259
259
|
|
|
260
260
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
261
261
|
var children = _ref.children,
|
|
@@ -676,11 +676,15 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
676
676
|
}
|
|
677
677
|
};
|
|
678
678
|
|
|
679
|
-
var unmuteMic = function unmuteMic() {
|
|
679
|
+
var unmuteMic = function unmuteMic(customAudioTrack) {
|
|
680
|
+
if (customAudioTrack === void 0) {
|
|
681
|
+
customAudioTrack = undefined;
|
|
682
|
+
}
|
|
683
|
+
|
|
680
684
|
var meeting = meetingRef.current;
|
|
681
685
|
|
|
682
686
|
if (meeting) {
|
|
683
|
-
meeting.unmuteMic();
|
|
687
|
+
meeting.unmuteMic(customAudioTrack);
|
|
684
688
|
}
|
|
685
689
|
};
|
|
686
690
|
|
|
@@ -692,13 +696,17 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
692
696
|
}
|
|
693
697
|
};
|
|
694
698
|
|
|
695
|
-
var toggleMic = function toggleMic() {
|
|
699
|
+
var toggleMic = function toggleMic(customAudioTrack) {
|
|
700
|
+
if (customAudioTrack === void 0) {
|
|
701
|
+
customAudioTrack = undefined;
|
|
702
|
+
}
|
|
703
|
+
|
|
696
704
|
var localMicOn = localMicOnRef.current;
|
|
697
705
|
|
|
698
706
|
if (localMicOn) {
|
|
699
707
|
muteMic();
|
|
700
708
|
} else {
|
|
701
|
-
unmuteMic();
|
|
709
|
+
unmuteMic(customAudioTrack);
|
|
702
710
|
}
|
|
703
711
|
};
|
|
704
712
|
|
|
@@ -710,21 +718,29 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
710
718
|
}
|
|
711
719
|
};
|
|
712
720
|
|
|
713
|
-
var enableWebcam = function enableWebcam() {
|
|
721
|
+
var enableWebcam = function enableWebcam(customVideoTrack) {
|
|
722
|
+
if (customVideoTrack === void 0) {
|
|
723
|
+
customVideoTrack = undefined;
|
|
724
|
+
}
|
|
725
|
+
|
|
714
726
|
var meeting = meetingRef.current;
|
|
715
727
|
|
|
716
728
|
if (meeting) {
|
|
717
|
-
meeting.enableWebcam();
|
|
729
|
+
meeting.enableWebcam(customVideoTrack);
|
|
718
730
|
}
|
|
719
731
|
};
|
|
720
732
|
|
|
721
|
-
var toggleWebcam = function toggleWebcam() {
|
|
733
|
+
var toggleWebcam = function toggleWebcam(customVideoTrack) {
|
|
734
|
+
if (customVideoTrack === void 0) {
|
|
735
|
+
customVideoTrack = undefined;
|
|
736
|
+
}
|
|
737
|
+
|
|
722
738
|
var localWebcamOn = localWebcamOnRef.current;
|
|
723
739
|
|
|
724
740
|
if (localWebcamOn) {
|
|
725
741
|
disableWebcam();
|
|
726
742
|
} else {
|
|
727
|
-
enableWebcam();
|
|
743
|
+
enableWebcam(customVideoTrack);
|
|
728
744
|
}
|
|
729
745
|
};
|
|
730
746
|
|
|
@@ -736,21 +752,29 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
736
752
|
}
|
|
737
753
|
};
|
|
738
754
|
|
|
739
|
-
var enableScreenShare = function enableScreenShare() {
|
|
755
|
+
var enableScreenShare = function enableScreenShare(customScreenShareTrack) {
|
|
756
|
+
if (customScreenShareTrack === void 0) {
|
|
757
|
+
customScreenShareTrack = undefined;
|
|
758
|
+
}
|
|
759
|
+
|
|
740
760
|
var meeting = meetingRef.current;
|
|
741
761
|
|
|
742
762
|
if (meeting) {
|
|
743
|
-
meeting.enableScreenShare();
|
|
763
|
+
meeting.enableScreenShare(customScreenShareTrack);
|
|
744
764
|
}
|
|
745
765
|
};
|
|
746
766
|
|
|
747
|
-
var toggleScreenShare = function toggleScreenShare() {
|
|
767
|
+
var toggleScreenShare = function toggleScreenShare(customScreenShareTrack) {
|
|
768
|
+
if (customScreenShareTrack === void 0) {
|
|
769
|
+
customScreenShareTrack = undefined;
|
|
770
|
+
}
|
|
771
|
+
|
|
748
772
|
var localScreenShareOn = localScreenShareOnRef.current;
|
|
749
773
|
|
|
750
774
|
if (localScreenShareOn) {
|
|
751
775
|
disableScreenShare();
|
|
752
776
|
} else {
|
|
753
|
-
enableScreenShare();
|
|
777
|
+
enableScreenShare(customScreenShareTrack);
|
|
754
778
|
}
|
|
755
779
|
};
|
|
756
780
|
|
|
@@ -1244,12 +1268,11 @@ var useConnection = function useConnection(connectionId, _temp) {
|
|
|
1244
1268
|
};
|
|
1245
1269
|
|
|
1246
1270
|
var usePubSub = function usePubSub(topic, _temp) {
|
|
1247
|
-
var _ref = _temp === void 0 ? {
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
onOldMessagesReceived = _ref.onOldMessagesReceived;
|
|
1271
|
+
var _ref = _temp === void 0 ? {} : _temp,
|
|
1272
|
+
_ref$onMessageReceive = _ref.onMessageReceived,
|
|
1273
|
+
onMessageReceived = _ref$onMessageReceive === void 0 ? function () {} : _ref$onMessageReceive,
|
|
1274
|
+
_ref$onOldMessagesRec = _ref.onOldMessagesReceived,
|
|
1275
|
+
onOldMessagesReceived = _ref$onOldMessagesRec === void 0 ? function () {} : _ref$onOldMessagesRec;
|
|
1253
1276
|
|
|
1254
1277
|
var _useMeeting = useMeeting(),
|
|
1255
1278
|
meeting = _useMeeting.meeting,
|
|
@@ -1308,9 +1331,69 @@ var usePubSub = function usePubSub(topic, _temp) {
|
|
|
1308
1331
|
|
|
1309
1332
|
var Constants = jsSdk.VideoSDK.Constants;
|
|
1310
1333
|
|
|
1334
|
+
var createCameraVideoTrack = function createCameraVideoTrack(_ref) {
|
|
1335
|
+
var _ref$cameraId = _ref.cameraId,
|
|
1336
|
+
cameraId = _ref$cameraId === void 0 ? undefined : _ref$cameraId,
|
|
1337
|
+
_ref$encoderConfig = _ref.encoderConfig,
|
|
1338
|
+
encoderConfig = _ref$encoderConfig === void 0 ? undefined : _ref$encoderConfig,
|
|
1339
|
+
_ref$facingMode = _ref.facingMode,
|
|
1340
|
+
facingMode = _ref$facingMode === void 0 ? undefined : _ref$facingMode,
|
|
1341
|
+
_ref$optimizationMode = _ref.optimizationMode,
|
|
1342
|
+
optimizationMode = _ref$optimizationMode === void 0 ? undefined : _ref$optimizationMode;
|
|
1343
|
+
|
|
1344
|
+
try {
|
|
1345
|
+
return Promise.resolve(jsSdk.VideoSDK.createCameraVideoTrack({
|
|
1346
|
+
cameraId: cameraId,
|
|
1347
|
+
encoderConfig: encoderConfig,
|
|
1348
|
+
facingMode: facingMode,
|
|
1349
|
+
optimizationMode: optimizationMode
|
|
1350
|
+
}));
|
|
1351
|
+
} catch (e) {
|
|
1352
|
+
return Promise.reject(e);
|
|
1353
|
+
}
|
|
1354
|
+
};
|
|
1355
|
+
|
|
1356
|
+
var createScreenShareVideoTrack = function createScreenShareVideoTrack(_ref2) {
|
|
1357
|
+
var _ref2$encoderConfig = _ref2.encoderConfig,
|
|
1358
|
+
encoderConfig = _ref2$encoderConfig === void 0 ? undefined : _ref2$encoderConfig,
|
|
1359
|
+
_ref2$optimizationMod = _ref2.optimizationMode,
|
|
1360
|
+
optimizationMode = _ref2$optimizationMod === void 0 ? undefined : _ref2$optimizationMod;
|
|
1361
|
+
|
|
1362
|
+
try {
|
|
1363
|
+
return Promise.resolve(jsSdk.VideoSDK.createScreenShareVideoTrack({
|
|
1364
|
+
encoderConfig: encoderConfig,
|
|
1365
|
+
optimizationMode: optimizationMode
|
|
1366
|
+
}));
|
|
1367
|
+
} catch (e) {
|
|
1368
|
+
return Promise.reject(e);
|
|
1369
|
+
}
|
|
1370
|
+
};
|
|
1371
|
+
|
|
1372
|
+
var createMicrophoneAudioTrack = function createMicrophoneAudioTrack(_ref3) {
|
|
1373
|
+
var _ref3$noiseConfig = _ref3.noiseConfig,
|
|
1374
|
+
noiseConfig = _ref3$noiseConfig === void 0 ? undefined : _ref3$noiseConfig,
|
|
1375
|
+
_ref3$encoderConfig = _ref3.encoderConfig,
|
|
1376
|
+
encoderConfig = _ref3$encoderConfig === void 0 ? undefined : _ref3$encoderConfig,
|
|
1377
|
+
_ref3$microphoneId = _ref3.microphoneId,
|
|
1378
|
+
microphoneId = _ref3$microphoneId === void 0 ? undefined : _ref3$microphoneId;
|
|
1379
|
+
|
|
1380
|
+
try {
|
|
1381
|
+
return Promise.resolve(jsSdk.VideoSDK.createMicrophoneAudioTrack({
|
|
1382
|
+
noiseConfig: noiseConfig,
|
|
1383
|
+
encoderConfig: encoderConfig,
|
|
1384
|
+
microphoneId: microphoneId
|
|
1385
|
+
}));
|
|
1386
|
+
} catch (e) {
|
|
1387
|
+
return Promise.reject(e);
|
|
1388
|
+
}
|
|
1389
|
+
};
|
|
1390
|
+
|
|
1311
1391
|
exports.Constants = Constants;
|
|
1312
1392
|
exports.MeetingConsumer = MeetingConsumer;
|
|
1313
1393
|
exports.MeetingProvider = MeetingProvider;
|
|
1394
|
+
exports.createCameraVideoTrack = createCameraVideoTrack;
|
|
1395
|
+
exports.createMicrophoneAudioTrack = createMicrophoneAudioTrack;
|
|
1396
|
+
exports.createScreenShareVideoTrack = createScreenShareVideoTrack;
|
|
1314
1397
|
exports.useConnection = useConnection;
|
|
1315
1398
|
exports.useMeeting = useMeeting;
|
|
1316
1399
|
exports.useParticipant = useParticipant;
|