@videosdk.live/react-sdk 0.1.49 → 0.1.50
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/connection/useConnection.d.ts +42 -0
- package/dist/connection/useConnection.d.ts.map +1 -0
- package/dist/index.d.ts +99 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +23 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +23 -1
- package/dist/index.modern.js.map +1 -1
- package/dist/meeting/MeetingProvider.d.ts +44 -0
- package/dist/meeting/MeetingProvider.d.ts.map +1 -0
- package/dist/meeting/meetingProviderContextDef.d.ts +146 -0
- package/dist/meeting/meetingProviderContextDef.d.ts.map +1 -0
- package/dist/participant/useParticipant.d.ts +111 -0
- package/dist/participant/useParticipant.d.ts.map +1 -0
- package/dist/pubSub/usePubSub.d.ts +37 -0
- package/dist/pubSub/usePubSub.d.ts.map +1 -0
- package/dist/types/meeting/MeetingProvider.d.ts.map +1 -1
- package/dist/types/meeting/meetingProviderContextDef.d.ts +4 -2
- package/dist/types/meeting/meetingProviderContextDef.d.ts.map +1 -1
- package/dist/types/utils.d.ts +1 -0
- package/dist/types/utils.d.ts.map +1 -1
- package/dist/utils.d.ts +32 -0
- package/dist/utils.d.ts.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export default useConnection;
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* @param {string} connectionId
|
|
5
|
+
* @param {{onMeeting:{
|
|
6
|
+
* onParticipantJoined?: Function,
|
|
7
|
+
* onParticipantLeft?: Function,
|
|
8
|
+
* onChatMessage?: Function
|
|
9
|
+
* }}}
|
|
10
|
+
* @returns {{
|
|
11
|
+
* connection: {
|
|
12
|
+
* id: string;
|
|
13
|
+
* close: Function;
|
|
14
|
+
* payload: string;
|
|
15
|
+
* meeting: {
|
|
16
|
+
* id: string;
|
|
17
|
+
* sendChatMessage: Function;
|
|
18
|
+
* end: Function;
|
|
19
|
+
* participants: Array<ConnectionParticipant>;
|
|
20
|
+
* };
|
|
21
|
+
* }}}
|
|
22
|
+
*/
|
|
23
|
+
declare function useConnection(connectionId: string, { onMeeting }?: {
|
|
24
|
+
onMeeting: {
|
|
25
|
+
onParticipantJoined?: Function;
|
|
26
|
+
onParticipantLeft?: Function;
|
|
27
|
+
onChatMessage?: Function;
|
|
28
|
+
};
|
|
29
|
+
}): {
|
|
30
|
+
connection: {
|
|
31
|
+
id: string;
|
|
32
|
+
close: Function;
|
|
33
|
+
payload: string;
|
|
34
|
+
meeting: {
|
|
35
|
+
id: string;
|
|
36
|
+
sendChatMessage: Function;
|
|
37
|
+
end: Function;
|
|
38
|
+
participants: Array<ConnectionParticipant>;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=useConnection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useConnection.d.ts","sourceRoot":"","sources":["../../src/connection/useConnection.js"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,6CAnBW,MAAM;;;;;;;;YAQP,MAAM;;iBAED,MAAM;iBACN;YACd,EAAS,EAAE,MAAM,CAAC;YAClB,eAAsB,WAAW;YACjC,GAAU,WAAW;YACrB,YAAmB,EAAE,4BAA4B,CAAC;SAC1C;;EAoFR"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import MeetingProvider from "./meeting/MeetingProvider";
|
|
2
|
+
import { useMeeting } from "./meeting/meetingProviderContextDef";
|
|
3
|
+
import useParticipant from "./participant/useParticipant";
|
|
4
|
+
import usePubSub from "./pubSub/usePubSub";
|
|
5
|
+
import { MeetingConsumer } from "./meeting/meetingProviderContextDef";
|
|
6
|
+
import useConnection from "./connection/useConnection";
|
|
7
|
+
export const Constants: {
|
|
8
|
+
errors: {
|
|
9
|
+
INVALID_TOKEN: number;
|
|
10
|
+
INVALID_API_KEY: number;
|
|
11
|
+
INVALID_PERMISSIONS: number;
|
|
12
|
+
INVALID_MEETING_ID: number;
|
|
13
|
+
INVALID_PARTICIPANT_ID: number;
|
|
14
|
+
DUPLICATE_PARTICIPANT: number;
|
|
15
|
+
ACCOUNT_DEACTIVATED: number;
|
|
16
|
+
ACCOUNT_DISCONTINUED: number;
|
|
17
|
+
START_RECORDING_FAILED: number;
|
|
18
|
+
STOP_RECORDING_FAILED: number;
|
|
19
|
+
START_LIVESTREAM_FAILED: number;
|
|
20
|
+
STOP_LIVESTREAM_FAILED: number;
|
|
21
|
+
INVALID_LIVESTREAM_CONFIG: number;
|
|
22
|
+
START_HLS_FAILED: number;
|
|
23
|
+
STOP_HLS_FAILED: number;
|
|
24
|
+
RECORDING_FAILED: number;
|
|
25
|
+
LIVESTREAM_FAILED: number;
|
|
26
|
+
HLS_FAILED: number;
|
|
27
|
+
ERROR_GET_VIDEO_MEDIA: number;
|
|
28
|
+
ERROR_GET_AUDIO_MEDIA: number;
|
|
29
|
+
ERROR_GET_DISPLAY_MEDIA: number;
|
|
30
|
+
};
|
|
31
|
+
recordingEvents: {
|
|
32
|
+
RECORDING_STARTING: string;
|
|
33
|
+
RECORDING_STARTED: string;
|
|
34
|
+
RECORDING_STOPPING: string;
|
|
35
|
+
RECORDING_STOPPED: string;
|
|
36
|
+
};
|
|
37
|
+
livestreamEvents: {
|
|
38
|
+
LIVESTREAM_STARTING: string;
|
|
39
|
+
LIVESTREAM_STARTED: string;
|
|
40
|
+
LIVESTREAM_STOPPING: string;
|
|
41
|
+
LIVESTREAM_STOPPED: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
/**
|
|
45
|
+
* @param {{
|
|
46
|
+
* cameraId?: string | undefined,
|
|
47
|
+
* encoderConfig?: "h90p_w160p" | "h180p_w320p" | "h216p_w384p"
|
|
48
|
+
* | "h360p_w640p" | "h540p_w960p" | "h720p_w1280p" | "h1080p_w1920p"
|
|
49
|
+
* | "h1440p_w2560p" | "h2160p_w3840p" | "h120p_w160p" | "h180p_w240p"
|
|
50
|
+
* | "h240p_w320p" | "h360p_w480p" | "h480p_w640p" | "h540p_w720p"
|
|
51
|
+
* | "h720p_w960p" | "h1080p_w1440p" | "h1440p_w1920p" | undefined,
|
|
52
|
+
* facingMode?: "front" | "environment" | undefined,
|
|
53
|
+
* optimizationMode?: "text"| "motion" | "detail" | undefined
|
|
54
|
+
* }}
|
|
55
|
+
*/
|
|
56
|
+
export function createCameraVideoTrack({ cameraId, encoderConfig, facingMode, optimizationMode }: {
|
|
57
|
+
cameraId?: string | undefined;
|
|
58
|
+
encoderConfig?: "h90p_w160p" | "h180p_w320p" | "h216p_w384p" | "h360p_w640p" | "h540p_w960p" | "h720p_w1280p" | "h1080p_w1920p" | "h1440p_w2560p" | "h2160p_w3840p" | "h120p_w160p" | "h180p_w240p" | "h240p_w320p" | "h360p_w480p" | "h480p_w640p" | "h540p_w720p" | "h720p_w960p" | "h1080p_w1440p" | "h1440p_w1920p" | undefined;
|
|
59
|
+
facingMode?: "front" | "environment" | undefined;
|
|
60
|
+
optimizationMode?: "text" | "motion" | "detail" | undefined;
|
|
61
|
+
}): Promise<MediaStream>;
|
|
62
|
+
/**
|
|
63
|
+
* @param {{
|
|
64
|
+
* noiseConfig?: {
|
|
65
|
+
* echoCancellation: boolean,
|
|
66
|
+
* autoGainControl: boolean,
|
|
67
|
+
* noiseSuppression: boolean
|
|
68
|
+
* } | undefined,
|
|
69
|
+
* encoderConfig?: "speech_low_quality"
|
|
70
|
+
* | "speech_standard" | "music_standard"
|
|
71
|
+
* | "standard_stereo" | "high_quality"
|
|
72
|
+
* | "high_quality_stereo" | undefined
|
|
73
|
+
* microphoneId?: string | undefined
|
|
74
|
+
* }}
|
|
75
|
+
*/
|
|
76
|
+
export function createMicrophoneAudioTrack({ noiseConfig, encoderConfig, microphoneId }: {
|
|
77
|
+
noiseConfig?: {
|
|
78
|
+
echoCancellation: boolean;
|
|
79
|
+
autoGainControl: boolean;
|
|
80
|
+
noiseSuppression: boolean;
|
|
81
|
+
} | undefined;
|
|
82
|
+
encoderConfig?: "speech_low_quality" | "speech_standard" | "music_standard" | "standard_stereo" | "high_quality" | "high_quality_stereo" | undefined;
|
|
83
|
+
microphoneId?: string | undefined;
|
|
84
|
+
}): Promise<MediaStream>;
|
|
85
|
+
/**
|
|
86
|
+
* @param {{
|
|
87
|
+
* encoderConfig?: "h360p_30fps" | "h720p_5fps" | "h720p_15fps"
|
|
88
|
+
* | "h1080p_15fps" | "h1080p_30fps" | undefined,
|
|
89
|
+
* optimizationMode?: "text"| "motion" | "detail" | undefined,
|
|
90
|
+
* withAudio?:"enable" | "disable"
|
|
91
|
+
* }}
|
|
92
|
+
*/
|
|
93
|
+
export function createScreenShareVideoTrack({ encoderConfig, optimizationMode, withAudio }: {
|
|
94
|
+
encoderConfig?: "h360p_30fps" | "h720p_5fps" | "h720p_15fps" | "h1080p_15fps" | "h1080p_30fps" | undefined;
|
|
95
|
+
optimizationMode?: "text" | "motion" | "detail" | undefined;
|
|
96
|
+
withAudio?: "enable" | "disable";
|
|
97
|
+
}): Promise<MediaStream>;
|
|
98
|
+
export { MeetingProvider, useMeeting, useParticipant, usePubSub, MeetingConsumer, useConnection };
|
|
99
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAqC;AAErC;;;;;;;;;;;GAWG;AACH,kGAXW;IACV,QAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAgB,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,GACvD,aAAa,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,GAChE,eAAe,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,GACjE,aAAa,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,GAC7D,aAAa,GAAG,eAAe,GAAG,eAAe,GAAG,SAAS,CAAC;IACtE,UAAa,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,SAAS,CAAC;IACpD,gBAAmB,CAAC,EAAE,MAAM,GAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;CAC1D,wBAcH;AAsBD;;;;;;;;;;;;;GAaG;AACH,yFAbW;IACV,WAAc,CAAC,EAAE;QACjB,gBAAqB,EAAE,OAAO,CAAC;QAC/B,eAAoB,EAAE,OAAO,CAAC;QAC9B,gBAAqB,EAAE,OAAO,CAAA;KAC1B,GAAG,SAAS,CAAC;IACjB,aAAgB,CAAC,EAAE,oBAAoB,GAC/B,iBAAiB,GAAG,gBAAgB,GACpC,iBAAiB,GAAG,cAAc,GAClC,qBAAqB,GAAG,SAAS,CAAA;IACzC,YAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,wBAYH;AA5CD;;;;;;;GAOG;AACH,4FAPW;IACV,aAAgB,CAAC,EAAE,aAAa,GAAG,YAAY,GAAG,aAAa,GACrD,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC;IACtD,gBAAmB,CAAC,EAAE,MAAM,GAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC9D,SAAY,CAAC,EAAC,QAAQ,GAAG,SAAS,CAAA;CAC/B,wBAYH"}
|
package/dist/index.js
CHANGED
|
@@ -32,6 +32,7 @@ var events = {
|
|
|
32
32
|
error: eventPrifix + "-error",
|
|
33
33
|
'hls-started': eventPrifix + "-hls-started",
|
|
34
34
|
'hls-stopped': eventPrifix + "-hls-stopped",
|
|
35
|
+
'hls-state-changed': eventPrifix + "-hls-state-changed",
|
|
35
36
|
'recording-state-changed': eventPrifix + "-recording-state-changed",
|
|
36
37
|
'livestream-state-changed': eventPrifix + "-livestream-state-changed",
|
|
37
38
|
'meeting-state-changed': eventPrifix + "-meeting-state-changed"
|
|
@@ -92,6 +93,8 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
92
93
|
onHlsStarted = _ref$onHlsStarted === void 0 ? function () {} : _ref$onHlsStarted,
|
|
93
94
|
_ref$onHlsStopped = _ref.onHlsStopped,
|
|
94
95
|
onHlsStopped = _ref$onHlsStopped === void 0 ? function () {} : _ref$onHlsStopped,
|
|
96
|
+
_ref$onHlsStateChange = _ref.onHlsStateChanged,
|
|
97
|
+
onHlsStateChanged = _ref$onHlsStateChange === void 0 ? function () {} : _ref$onHlsStateChange,
|
|
95
98
|
_ref$onRecordingState = _ref.onRecordingStateChanged,
|
|
96
99
|
onRecordingStateChanged = _ref$onRecordingState === void 0 ? function () {} : _ref$onRecordingState,
|
|
97
100
|
_ref$onLivestreamStat = _ref.onLivestreamStateChanged,
|
|
@@ -125,6 +128,7 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
125
128
|
eventEmitter.on(events['error'], onError);
|
|
126
129
|
eventEmitter.on(events['hls-started'], onHlsStarted);
|
|
127
130
|
eventEmitter.on(events['hls-stopped'], onHlsStopped);
|
|
131
|
+
eventEmitter.on(events['hls-state-changed'], onHlsStateChanged);
|
|
128
132
|
eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
|
|
129
133
|
eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
|
|
130
134
|
eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
|
|
@@ -155,6 +159,7 @@ var useMeeting = function useMeeting(_temp) {
|
|
|
155
159
|
eventEmitter.off(events['error'], onError);
|
|
156
160
|
eventEmitter.off(events['hls-started'], onHlsStarted);
|
|
157
161
|
eventEmitter.off(events['hls-stopped'], onHlsStopped);
|
|
162
|
+
eventEmitter.off(events['hls-state-changed'], onHlsStateChanged);
|
|
158
163
|
eventEmitter.off(events['recording-state-changed'], onRecordingStateChanged);
|
|
159
164
|
eventEmitter.off(events['livestream-state-changed'], onLivestreamStateChanged);
|
|
160
165
|
};
|
|
@@ -213,6 +218,8 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
213
218
|
onHlsStarted = _ref2$onHlsStarted === void 0 ? function () {} : _ref2$onHlsStarted,
|
|
214
219
|
_ref2$onHlsStopped = _ref2.onHlsStopped,
|
|
215
220
|
onHlsStopped = _ref2$onHlsStopped === void 0 ? function () {} : _ref2$onHlsStopped,
|
|
221
|
+
_ref2$onHlsStateChang = _ref2.onHlsStateChanged,
|
|
222
|
+
onHlsStateChanged = _ref2$onHlsStateChang === void 0 ? function () {} : _ref2$onHlsStateChang,
|
|
216
223
|
_ref2$onRecordingStat = _ref2.onRecordingStateChanged,
|
|
217
224
|
onRecordingStateChanged = _ref2$onRecordingStat === void 0 ? function () {} : _ref2$onRecordingStat,
|
|
218
225
|
_ref2$onLivestreamSta = _ref2.onLivestreamStateChanged,
|
|
@@ -246,6 +253,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
246
253
|
eventEmitter.on(events['error'], onError);
|
|
247
254
|
eventEmitter.on(events['hls-started'], onHlsStarted);
|
|
248
255
|
eventEmitter.on(events['hls-stopped'], onHlsStopped);
|
|
256
|
+
eventEmitter.on(events['hls-state-changed'], onHlsStateChanged);
|
|
249
257
|
eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
|
|
250
258
|
eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
|
|
251
259
|
return function () {
|
|
@@ -275,6 +283,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
275
283
|
eventEmitter.off(events['error'], onError);
|
|
276
284
|
eventEmitter.off(events['hls-started'], onHlsStarted);
|
|
277
285
|
eventEmitter.off(events['hls-stopped'], onHlsStopped);
|
|
286
|
+
eventEmitter.off(events['hls-state-changed'], onHlsStateChanged);
|
|
278
287
|
eventEmitter.off(events['recording-state-changed'], onRecordingStateChanged);
|
|
279
288
|
eventEmitter.off(events['livestream-state-changed'], onLivestreamStateChanged);
|
|
280
289
|
};
|
|
@@ -282,7 +291,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
|
|
|
282
291
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
|
|
283
292
|
};
|
|
284
293
|
|
|
285
|
-
var version = "0.1.
|
|
294
|
+
var version = "0.1.50";
|
|
286
295
|
|
|
287
296
|
var MeetingProvider = function MeetingProvider(_ref) {
|
|
288
297
|
var children = _ref.children,
|
|
@@ -364,6 +373,10 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
364
373
|
livestreamState = _useState18[0],
|
|
365
374
|
setLivestreamState = _useState18[1];
|
|
366
375
|
|
|
376
|
+
var _useState19 = React.useState(null),
|
|
377
|
+
hlsState = _useState19[0],
|
|
378
|
+
setHlsState = _useState19[1];
|
|
379
|
+
|
|
367
380
|
var meetingRef = React.useRef();
|
|
368
381
|
var localMicOnRef = React.useRef();
|
|
369
382
|
var localWebcamOnRef = React.useRef();
|
|
@@ -420,6 +433,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
420
433
|
setIsHls(false);
|
|
421
434
|
setRecordingState(null);
|
|
422
435
|
setLivestreamState(null);
|
|
436
|
+
setHlsState(null);
|
|
423
437
|
};
|
|
424
438
|
|
|
425
439
|
var _handle_participant_joined = function _handle_participant_joined(participant) {
|
|
@@ -584,6 +598,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
584
598
|
meeting.off('hls-stopped', _handle_hls_stopped);
|
|
585
599
|
meeting.off('recording-state-changed', _handle_recording_state_changed);
|
|
586
600
|
meeting.off('livestream-state-changed', _handle_livestream_state_changed);
|
|
601
|
+
meeting.off('hls-state-changed', _handle_hls_state_changed);
|
|
587
602
|
}
|
|
588
603
|
|
|
589
604
|
if (typeof (meeting === null || meeting === void 0 ? void 0 : (_meeting$localPartici = meeting.localParticipant) === null || _meeting$localPartici === void 0 ? void 0 : _meeting$localPartici.off) === 'function') {
|
|
@@ -652,6 +667,11 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
652
667
|
eventEmitter.emit(events['livestream-state-changed'], data);
|
|
653
668
|
};
|
|
654
669
|
|
|
670
|
+
var _handle_hls_state_changed = function _handle_hls_state_changed(data) {
|
|
671
|
+
setHlsState(data === null || data === void 0 ? void 0 : data.status);
|
|
672
|
+
eventEmitter.emit(events['hls-state-changed'], data);
|
|
673
|
+
};
|
|
674
|
+
|
|
655
675
|
var _handle_meeting_state_changed = function _handle_meeting_state_changed(data) {
|
|
656
676
|
eventEmitter.emit(events['meeting-state-changed'], data);
|
|
657
677
|
};
|
|
@@ -692,6 +712,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
692
712
|
meeting.on('hls-stopped', _handle_hls_stopped);
|
|
693
713
|
meeting.on('recording-state-changed', _handle_recording_state_changed);
|
|
694
714
|
meeting.on('livestream-state-changed', _handle_livestream_state_changed);
|
|
715
|
+
meeting.on('hls-state-changed', _handle_hls_state_changed);
|
|
695
716
|
meeting.localParticipant.on('stream-enabled', _handle_localParticipant_stream_enabled);
|
|
696
717
|
meeting.localParticipant.on('stream-disabled', _handle_localParticipant_stream_disabled);
|
|
697
718
|
meeting.join();
|
|
@@ -1044,6 +1065,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
|
|
|
1044
1065
|
isHls: isHls,
|
|
1045
1066
|
recordingState: recordingState,
|
|
1046
1067
|
livestreamState: livestreamState,
|
|
1068
|
+
hlsState: hlsState,
|
|
1047
1069
|
isMeetingJoined: isMeetingJoined,
|
|
1048
1070
|
join: join,
|
|
1049
1071
|
leave: leave,
|