@stream-io/video-react-native-sdk 0.0.1-alpha.377 → 0.0.1-alpha.378
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/CHANGELOG.md +4 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantLabel.d.ts +6 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js +3 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.d.ts +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js +3 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.d.ts +6 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js +3 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.d.ts +6 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.js +3 -0
- package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantView.d.ts +3 -3
- package/dist/src/components/Participant/ParticipantView/VideoRenderer.d.ts +4 -2
- package/dist/src/components/Participant/ParticipantView/VideoRenderer.js +3 -1
- package/dist/src/components/Participant/ParticipantView/VideoRenderer.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/src/components/Participant/ParticipantView/ParticipantLabel.tsx +6 -0
- package/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.tsx +5 -1
- package/src/components/Participant/ParticipantView/ParticipantReaction.tsx +6 -0
- package/src/components/Participant/ParticipantView/ParticipantVideoFallback.tsx +6 -0
- package/src/components/Participant/ParticipantView/ParticipantView.tsx +3 -3
- package/src/components/Participant/ParticipantView/VideoRenderer.tsx +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.378](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.377...@stream-io/video-react-native-sdk-0.0.1-alpha.378) (2023-08-16)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
5
9
|
## [0.0.1-alpha.377](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.376...@stream-io/video-react-native-sdk-0.0.1-alpha.377) (2023-08-16)
|
|
6
10
|
|
|
7
11
|
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { ParticipantViewProps } from './ParticipantView';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ParticipantLabel component.
|
|
4
|
+
*/
|
|
2
5
|
export type ParticipantLabelProps = Pick<ParticipantViewProps, 'videoMode' | 'participant'>;
|
|
6
|
+
/**
|
|
7
|
+
* This component is used to display the participant label that contains the participant name, video/audio mute/unmute status.
|
|
8
|
+
*/
|
|
3
9
|
export declare const ParticipantLabel: ({ participant, videoMode, }: ParticipantLabelProps) => JSX.Element;
|
|
@@ -12,6 +12,9 @@ const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
|
12
12
|
const providers_1 = require("../../../providers");
|
|
13
13
|
const TestIds_1 = require("../../../constants/TestIds");
|
|
14
14
|
const constants_1 = require("../../../constants");
|
|
15
|
+
/**
|
|
16
|
+
* This component is used to display the participant label that contains the participant name, video/audio mute/unmute status.
|
|
17
|
+
*/
|
|
15
18
|
const ParticipantLabel = ({ participant, videoMode, }) => {
|
|
16
19
|
const { name, userId, pin, sessionId } = participant;
|
|
17
20
|
const call = (0, video_react_bindings_1.useCall)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantLabel.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantLabel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAiE;AACjE,0CAA8E;AAC9E,0CAAuC;AACvC,0EAAmE;AACnE,kDAA8D;AAC9D,wDAA8D;AAE9D,kDAA6C;
|
|
1
|
+
{"version":3,"file":"ParticipantLabel.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantLabel.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ParticipantViewProps } from './ParticipantView';
|
|
2
2
|
/**
|
|
3
|
-
* Props
|
|
3
|
+
* Props for the NetworkQualityIndicator component.
|
|
4
4
|
*/
|
|
5
5
|
export type ParticipantNetworkQualityIndicatorProps = Pick<ParticipantViewProps, 'participant'>;
|
|
6
6
|
export declare const ParticipantNetworkQualityIndicator: ({ participant, }: ParticipantNetworkQualityIndicatorProps) => JSX.Element | null;
|
package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js
CHANGED
|
@@ -9,6 +9,9 @@ const react_native_svg_1 = require("react-native-svg");
|
|
|
9
9
|
const theme_1 = require("../../../theme");
|
|
10
10
|
const react_1 = __importDefault(require("react"));
|
|
11
11
|
const constants_1 = require("../../../constants");
|
|
12
|
+
/**
|
|
13
|
+
* This component is used to display the network quality indicator of the participant.
|
|
14
|
+
*/
|
|
12
15
|
const connectionQualitySignalColors = {
|
|
13
16
|
0: [
|
|
14
17
|
theme_1.theme.light.static_white,
|
package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantNetworkQualityIndicator.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAAgD;AAChD,uDAA6C;AAC7C,0CAAuC;AAEvC,kDAA0B;AAC1B,kDAA6C;
|
|
1
|
+
{"version":3,"file":"ParticipantNetworkQualityIndicator.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAAgD;AAChD,uDAA6C;AAC7C,0CAAuC;AAEvC,kDAA0B;AAC1B,kDAA6C;AAW7C;;GAEG;AACH,MAAM,6BAA6B,GAG/B;IACF,CAAC,EAAE;QACD,aAAK,CAAC,KAAK,CAAC,YAAY;QACxB,aAAK,CAAC,KAAK,CAAC,YAAY;QACxB,aAAK,CAAC,KAAK,CAAC,YAAY;KACzB;IACD,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IAC1E,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IACvE,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,CAAC;CACnE,CAAC;AAEK,MAAM,kCAAkC,GAAG,CAAC,EACjD,WAAW,GAC6B,EAAE,EAAE;IAC5C,MAAM,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC;IAC1C,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,uBAAuB,GAC3B,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;IAEnD,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC7C;MAAA,CAAC,sBAAG,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CACpC;QAAA,CAAC,uBAAI,CACH,CAAC,CAAC,oCAAoC,CACtC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CACnC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAEnC;QAAA,CAAC,uBAAI,CACH,CAAC,CAAC,qCAAqC,CACvC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CACnC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAEnC;QAAA,CAAC,uBAAI,CACH,CAAC,CAAC,qCAAqC,CACvC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CACnC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAErC;MAAA,EAAE,sBAAG,CACP;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,kCAAkC,sCAyC7C;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,mBAAO,CAAC,QAAQ;QACxB,SAAS,EAAE,UAAU;QACrB,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,cAAc;QAC3C,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;KAC/B;CACF,CAAC,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { ParticipantViewProps } from './ParticipantView';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ParticipantReaction component.
|
|
4
|
+
*/
|
|
2
5
|
export type ParticipantReactionProps = Pick<ParticipantViewProps, 'participant'> & {
|
|
3
6
|
/**
|
|
4
7
|
* The duration after which the reaction should disappear.
|
|
@@ -7,4 +10,7 @@ export type ParticipantReactionProps = Pick<ParticipantViewProps, 'participant'>
|
|
|
7
10
|
*/
|
|
8
11
|
hideAfterTimeoutInMs?: number;
|
|
9
12
|
};
|
|
13
|
+
/**
|
|
14
|
+
* This component is used to display the current participant reaction.
|
|
15
|
+
*/
|
|
10
16
|
export declare const ParticipantReaction: (props: ParticipantReactionProps) => JSX.Element;
|
|
@@ -30,6 +30,9 @@ const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
|
30
30
|
const theme_1 = require("../../../theme");
|
|
31
31
|
const utils_1 = require("../../../utils");
|
|
32
32
|
const constants_1 = require("../../../constants");
|
|
33
|
+
/**
|
|
34
|
+
* This component is used to display the current participant reaction.
|
|
35
|
+
*/
|
|
33
36
|
const ParticipantReaction = (props) => {
|
|
34
37
|
const { supportedReactions } = utils_1.StreamVideoRN.getConfig();
|
|
35
38
|
const { participant, hideAfterTimeoutInMs = 5500 } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantReaction.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantReaction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,+CAAsD;AACtD,0EAA0D;AAC1D,0CAAuC;AACvC,0CAA+C;AAC/C,kDAA6C;
|
|
1
|
+
{"version":3,"file":"ParticipantReaction.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantReaction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,+CAAsD;AACtD,0EAA0D;AAC1D,0CAAuC;AACvC,0CAA+C;AAC/C,kDAA6C;AAkB7C;;GAEG;AACI,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,kBAAkB,EAAE,GAAG,qBAAa,CAAC,SAAS,EAAE,CAAC;IACzD,MAAM,EAAE,WAAW,EAAE,oBAAoB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;IAC5C,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAyB,CAAC;QAC9B,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAChC,CAAC,EAAE,oBAAoB,CAAC,CAAC;SAC1B;QACD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,MAAM,eAAe,GACnB,QAAQ;QACR,kBAAkB,CAAC,IAAI,CACrB,CAAC,iBAAiB,EAAE,EAAE,CACpB,iBAAiB,CAAC,UAAU,KAAK,QAAQ,CAAC,UAAU,CACvD,CAAC;IAEJ,IAAI,SAAS,CAAC;IACd,IAAI,SAAS,EAAE;QACb,IAAI,OAAO,eAAe,EAAE,IAAI,KAAK,QAAQ,EAAE;YAC7C,SAAS,GAAG,eAAe,EAAE,IAAI,CAAC;SACnC;aAAM;YACL,SAAS,GAAG,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,mBAAI,CAAC,CAAC;SACzE;KACF;IAED,OAAO,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,mBAAI,CAAC,CAAC;AAC5E,CAAC,CAAC;AAtCW,QAAA,mBAAmB,uBAsC9B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,QAAQ,EAAE;QACR,GAAG,aAAK,CAAC,KAAK,CAAC,QAAQ;KACxB;IACD,SAAS,EAAE;QACT,SAAS,EAAE,YAAY;QACvB,MAAM,EAAE,mBAAO,CAAC,QAAQ;KACzB;CACF,CAAC,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { ParticipantViewProps } from './ParticipantView';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ParticipantVideoFallback component.
|
|
4
|
+
*/
|
|
2
5
|
export type ParticipantVideoFallbackProps = Pick<ParticipantViewProps, 'participant'>;
|
|
6
|
+
/**
|
|
7
|
+
* This component is used to customize the video fallback of the participant, when the video is disabled.
|
|
8
|
+
*/
|
|
3
9
|
export declare const ParticipantVideoFallback: ({ participant, }: ParticipantVideoFallbackProps) => JSX.Element;
|
|
@@ -8,6 +8,9 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const utility_1 = require("../../utility");
|
|
10
10
|
const theme_1 = require("../../../theme");
|
|
11
|
+
/**
|
|
12
|
+
* This component is used to customize the video fallback of the participant, when the video is disabled.
|
|
13
|
+
*/
|
|
11
14
|
const ParticipantVideoFallback = ({ participant, }) => {
|
|
12
15
|
const { name, image, userId } = participant;
|
|
13
16
|
const participantLabel = name ?? userId;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantVideoFallback.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantVideoFallback.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAsD;AACtD,2CAAuC;AACvC,0CAAuC;
|
|
1
|
+
{"version":3,"file":"ParticipantVideoFallback.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantVideoFallback.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAsD;AACtD,2CAAuC;AACvC,0CAAuC;AAWvC;;GAEG;AACI,MAAM,wBAAwB,GAAG,CAAC,EACvC,WAAW,GACmB,EAAE,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAC5C,MAAM,gBAAgB,GAAG,IAAI,IAAI,MAAM,CAAC;IAExC,mEAAmE;IACnE,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACR,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,mBAAI,CAAC,CACrD,CAAC,CAAC,CAAC,CACF,CAAC,gBAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAG,CACrC,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,wBAAwB,4BAgBnC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,QAAQ;QACrC,GAAG,yBAAU,CAAC,kBAAkB;KACjC;IACD,KAAK,EAAE;QACL,GAAG,aAAK,CAAC,KAAK,CAAC,QAAQ;QACvB,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY;KAChC;CACF,CAAC,CAAC"}
|
|
@@ -12,15 +12,15 @@ export type ParticipantVideoType = 'video' | 'screen';
|
|
|
12
12
|
*/
|
|
13
13
|
export type ParticipantViewProps = {
|
|
14
14
|
/**
|
|
15
|
-
* The participant that will be displayed
|
|
15
|
+
* The participant that will be displayed.
|
|
16
16
|
*/
|
|
17
17
|
participant: StreamVideoParticipant;
|
|
18
18
|
/**
|
|
19
|
-
* The video kind that will be displayed
|
|
19
|
+
* The video kind that will be displayed.
|
|
20
20
|
*/
|
|
21
21
|
videoMode: ParticipantVideoType;
|
|
22
22
|
/**
|
|
23
|
-
* Any custom style to be merged with the participant view
|
|
23
|
+
* Any custom style to be merged with the participant view.
|
|
24
24
|
*/
|
|
25
25
|
style?: StyleProp<ViewStyle>;
|
|
26
26
|
/**
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ParticipantViewProps } from './ParticipantView';
|
|
2
2
|
/**
|
|
3
|
-
* Props
|
|
3
|
+
* Props for the VideoRenderer component.
|
|
4
4
|
*/
|
|
5
5
|
export type VideoRendererProps = Pick<ParticipantViewProps, 'ParticipantVideoFallback' | 'videoMode' | 'participant' | 'isVisible'>;
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* This component is used to display the video of the participant and fallback when the video is muted.
|
|
8
|
+
*
|
|
9
|
+
* It internally used `RTCView` to render video stream.
|
|
8
10
|
*/
|
|
9
11
|
export declare const VideoRenderer: ({ videoMode, participant, isVisible, ParticipantVideoFallback, }: VideoRendererProps) => JSX.Element;
|
|
@@ -32,7 +32,9 @@ const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
|
32
32
|
const providers_1 = require("../../../providers");
|
|
33
33
|
const constants_1 = require("../../../constants");
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* This component is used to display the video of the participant and fallback when the video is muted.
|
|
36
|
+
*
|
|
37
|
+
* It internally used `RTCView` to render video stream.
|
|
36
38
|
*/
|
|
37
39
|
const VideoRenderer = ({ videoMode, participant, isVisible, ParticipantVideoFallback, }) => {
|
|
38
40
|
const call = (0, video_react_bindings_1.useCall)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoRenderer.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/VideoRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,+CAAgD;AAChD,6DAA8C;AAE9C,0DAIiC;AACjC,0EAA+E;AAC/E,kDAA8D;AAC9D,kDAA6C;AAU7C
|
|
1
|
+
{"version":3,"file":"VideoRenderer.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/VideoRenderer.tsx"],"names":[],"mappings":"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"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.1-alpha.
|
|
1
|
+
export declare const version = "0.0.1-alpha.378";
|
package/dist/version.js
CHANGED
package/package.json
CHANGED
|
@@ -8,11 +8,17 @@ import { ComponentTestIds } from '../../../constants/TestIds';
|
|
|
8
8
|
import { ParticipantViewProps } from './ParticipantView';
|
|
9
9
|
import { Z_INDEX } from '../../../constants';
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* Props for the ParticipantLabel component.
|
|
13
|
+
*/
|
|
11
14
|
export type ParticipantLabelProps = Pick<
|
|
12
15
|
ParticipantViewProps,
|
|
13
16
|
'videoMode' | 'participant'
|
|
14
17
|
>;
|
|
15
18
|
|
|
19
|
+
/**
|
|
20
|
+
* This component is used to display the participant label that contains the participant name, video/audio mute/unmute status.
|
|
21
|
+
*/
|
|
16
22
|
export const ParticipantLabel = ({
|
|
17
23
|
participant,
|
|
18
24
|
videoMode,
|
|
@@ -5,14 +5,18 @@ import { SfuModels } from '@stream-io/video-client';
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { Z_INDEX } from '../../../constants';
|
|
7
7
|
import { ParticipantViewProps } from './ParticipantView';
|
|
8
|
+
|
|
8
9
|
/**
|
|
9
|
-
* Props
|
|
10
|
+
* Props for the NetworkQualityIndicator component.
|
|
10
11
|
*/
|
|
11
12
|
export type ParticipantNetworkQualityIndicatorProps = Pick<
|
|
12
13
|
ParticipantViewProps,
|
|
13
14
|
'participant'
|
|
14
15
|
>;
|
|
15
16
|
|
|
17
|
+
/**
|
|
18
|
+
* This component is used to display the network quality indicator of the participant.
|
|
19
|
+
*/
|
|
16
20
|
const connectionQualitySignalColors: Record<
|
|
17
21
|
SfuModels.ConnectionQuality,
|
|
18
22
|
string[]
|
|
@@ -6,6 +6,9 @@ import { StreamVideoRN } from '../../../utils';
|
|
|
6
6
|
import { Z_INDEX } from '../../../constants';
|
|
7
7
|
import { ParticipantViewProps } from './ParticipantView';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Props for the ParticipantReaction component.
|
|
11
|
+
*/
|
|
9
12
|
export type ParticipantReactionProps = Pick<
|
|
10
13
|
ParticipantViewProps,
|
|
11
14
|
'participant'
|
|
@@ -18,6 +21,9 @@ export type ParticipantReactionProps = Pick<
|
|
|
18
21
|
hideAfterTimeoutInMs?: number;
|
|
19
22
|
};
|
|
20
23
|
|
|
24
|
+
/**
|
|
25
|
+
* This component is used to display the current participant reaction.
|
|
26
|
+
*/
|
|
21
27
|
export const ParticipantReaction = (props: ParticipantReactionProps) => {
|
|
22
28
|
const { supportedReactions } = StreamVideoRN.getConfig();
|
|
23
29
|
const { participant, hideAfterTimeoutInMs = 5500 } = props;
|
|
@@ -4,11 +4,17 @@ import { Avatar } from '../../utility';
|
|
|
4
4
|
import { theme } from '../../../theme';
|
|
5
5
|
import { ParticipantViewProps } from './ParticipantView';
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* Props for the ParticipantVideoFallback component.
|
|
9
|
+
*/
|
|
7
10
|
export type ParticipantVideoFallbackProps = Pick<
|
|
8
11
|
ParticipantViewProps,
|
|
9
12
|
'participant'
|
|
10
13
|
>;
|
|
11
14
|
|
|
15
|
+
/**
|
|
16
|
+
* This component is used to customize the video fallback of the participant, when the video is disabled.
|
|
17
|
+
*/
|
|
12
18
|
export const ParticipantVideoFallback = ({
|
|
13
19
|
participant,
|
|
14
20
|
}: ParticipantVideoFallbackProps) => {
|
|
@@ -15,15 +15,15 @@ export type ParticipantVideoType = 'video' | 'screen';
|
|
|
15
15
|
*/
|
|
16
16
|
export type ParticipantViewProps = {
|
|
17
17
|
/**
|
|
18
|
-
* The participant that will be displayed
|
|
18
|
+
* The participant that will be displayed.
|
|
19
19
|
*/
|
|
20
20
|
participant: StreamVideoParticipant;
|
|
21
21
|
/**
|
|
22
|
-
* The video kind that will be displayed
|
|
22
|
+
* The video kind that will be displayed.
|
|
23
23
|
*/
|
|
24
24
|
videoMode: ParticipantVideoType;
|
|
25
25
|
/**
|
|
26
|
-
* Any custom style to be merged with the participant view
|
|
26
|
+
* Any custom style to be merged with the participant view.
|
|
27
27
|
*/
|
|
28
28
|
style?: StyleProp<ViewStyle>;
|
|
29
29
|
/**
|
|
@@ -12,7 +12,7 @@ import { useMediaStreamManagement } from '../../../providers';
|
|
|
12
12
|
import { Z_INDEX } from '../../../constants';
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
|
-
* Props
|
|
15
|
+
* Props for the VideoRenderer component.
|
|
16
16
|
*/
|
|
17
17
|
export type VideoRendererProps = Pick<
|
|
18
18
|
ParticipantViewProps,
|
|
@@ -20,7 +20,9 @@ export type VideoRendererProps = Pick<
|
|
|
20
20
|
>;
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* This component is used to display the video of the participant and fallback when the video is muted.
|
|
24
|
+
*
|
|
25
|
+
* It internally used `RTCView` to render video stream.
|
|
24
26
|
*/
|
|
25
27
|
export const VideoRenderer = ({
|
|
26
28
|
videoMode,
|