@stream-io/video-react-sdk 1.31.3 → 1.31.5
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 +19 -0
- package/dist/index.cjs.js +4 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +4 -4
- package/dist/index.es.js.map +1 -1
- package/package.json +4 -4
- package/src/components/CallStats/CallStats.tsx +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [1.31.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.31.4...@stream-io/video-react-sdk-1.31.5) (2026-01-26)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
- `@stream-io/audio-filters-web` updated to version `0.7.2`
|
|
10
|
+
- `@stream-io/video-client` updated to version `1.41.1`
|
|
11
|
+
- `@stream-io/video-react-bindings` updated to version `1.13.1`
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
- **react:** reorganize jitter & bitrate statistics cards ([#2091](https://github.com/GetStream/stream-video-js/issues/2091)) ([599701f](https://github.com/GetStream/stream-video-js/commit/599701fa94c3fd3bc0f9bc08faca1ddfa828d51f))
|
|
16
|
+
|
|
17
|
+
## [1.31.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.31.3...@stream-io/video-react-sdk-1.31.4) (2026-01-20)
|
|
18
|
+
|
|
19
|
+
### Dependency Updates
|
|
20
|
+
|
|
21
|
+
- `@stream-io/video-client` updated to version `1.41.0`
|
|
22
|
+
- `@stream-io/video-react-bindings` updated to version `1.13.0`
|
|
23
|
+
|
|
5
24
|
## [1.31.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.31.2...@stream-io/video-react-sdk-1.31.3) (2026-01-16)
|
|
6
25
|
|
|
7
26
|
### Dependency Updates
|
package/dist/index.cjs.js
CHANGED
|
@@ -1501,7 +1501,7 @@ const SpeakerTest = (props) => {
|
|
|
1501
1501
|
const audioElementRef = react.useRef(null);
|
|
1502
1502
|
const [isPlaying, setIsPlaying] = react.useState(false);
|
|
1503
1503
|
const { t } = videoReactBindings.useI18n();
|
|
1504
|
-
const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.31.
|
|
1504
|
+
const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.31.5"}/assets/piano.mp3`, } = props;
|
|
1505
1505
|
// Update audio output device when selection changes
|
|
1506
1506
|
react.useEffect(() => {
|
|
1507
1507
|
const audio = audioElementRef.current;
|
|
@@ -1794,13 +1794,13 @@ const CallStats = (props) => {
|
|
|
1794
1794
|
} }), jsxRuntime.jsx(StatCard, { label: t('Publish jitter'), value: `${callStatsReport.publisherStats.averageJitterInMs} ms.`, comparison: {
|
|
1795
1795
|
...videoJitterComparison,
|
|
1796
1796
|
value: callStatsReport.publisherStats.averageJitterInMs,
|
|
1797
|
-
} }), jsxRuntime.jsx(StatCard, { label: `${t('Publish resolution')}${showCodecInfo ? formatCodec(callStatsReport) : ''}`, value: toFrameSize(callStatsReport.publisherStats) }), jsxRuntime.jsx(StatCard, { label: t('Publish quality drop reason'), value: callStatsReport.publisherStats.qualityLimitationReasons }), jsxRuntime.jsx(StatCard, { label: t('Receiving resolution'), value: toFrameSize(callStatsReport.subscriberStats) }), jsxRuntime.jsx(StatCard, { label: t('Receive quality drop reason'), value: callStatsReport.subscriberStats.qualityLimitationReasons }), jsxRuntime.jsx(StatCard, { label: t('Publish bitrate'), value: publishBitrate }), jsxRuntime.jsx(StatCard, { label: t('Receiving bitrate'), value: subscribeBitrate })] }), jsxRuntime.jsxs("div", { className: "str-video__call-stats__header", children: [jsxRuntime.jsxs("h3", { className: "str-video__call-stats__heading", children: [jsxRuntime.jsx(Icon, { className: "str-video__call-stats__icon", icon: "mic" }), t('Audio Performance')] }), jsxRuntime.jsx("p", { className: "str-video__call-stats__description", children: t('Review the key audio data points below to assess audio performance') })] }), jsxRuntime.jsxs("div", { className: "str-video__call-stats__card-container", children: [jsxRuntime.jsx(StatCard, { label: t('Latency'), value: `${callStatsReport.publisherAudioStats.averageRoundTripTimeInMs} ms.`, comparison: latencyComparison }), jsxRuntime.jsx(StatCard, { label: t('Audio bitrate (publish)'), value: publishAudioBitrate }), jsxRuntime.jsx(StatCard, { label: t('Audio bitrate (receive)'), value: subscribeAudioBitrate }), jsxRuntime.jsx(StatCard, { label: t('Audio jitter (publish)'), value: `${callStatsReport.publisherAudioStats.averageJitterInMs} ms.`, comparison: {
|
|
1797
|
+
} }), jsxRuntime.jsx(StatCard, { label: `${t('Publish resolution')}${showCodecInfo ? formatCodec(callStatsReport) : ''}`, value: toFrameSize(callStatsReport.publisherStats) }), jsxRuntime.jsx(StatCard, { label: t('Publish quality drop reason'), value: callStatsReport.publisherStats.qualityLimitationReasons }), jsxRuntime.jsx(StatCard, { label: t('Receiving resolution'), value: toFrameSize(callStatsReport.subscriberStats) }), jsxRuntime.jsx(StatCard, { label: t('Receive quality drop reason'), value: callStatsReport.subscriberStats.qualityLimitationReasons }), jsxRuntime.jsx(StatCard, { label: t('Publish bitrate'), value: publishBitrate }), jsxRuntime.jsx(StatCard, { label: t('Receiving bitrate'), value: subscribeBitrate })] }), jsxRuntime.jsxs("div", { className: "str-video__call-stats__header", children: [jsxRuntime.jsxs("h3", { className: "str-video__call-stats__heading", children: [jsxRuntime.jsx(Icon, { className: "str-video__call-stats__icon", icon: "mic" }), t('Audio Performance')] }), jsxRuntime.jsx("p", { className: "str-video__call-stats__description", children: t('Review the key audio data points below to assess audio performance') })] }), jsxRuntime.jsxs("div", { className: "str-video__call-stats__card-container", children: [jsxRuntime.jsx(StatCard, { label: t('Latency'), value: `${callStatsReport.publisherAudioStats.averageRoundTripTimeInMs} ms.`, comparison: latencyComparison }), jsxRuntime.jsx(StatCard, { label: t('Audio codec'), value: formatAudioCodec(callStatsReport) }), jsxRuntime.jsx(StatCard, { label: t('Audio bitrate (publish)'), value: publishAudioBitrate }), jsxRuntime.jsx(StatCard, { label: t('Audio bitrate (receive)'), value: subscribeAudioBitrate }), jsxRuntime.jsx(StatCard, { label: t('Audio jitter (publish)'), value: `${callStatsReport.publisherAudioStats.averageJitterInMs} ms.`, comparison: {
|
|
1798
1798
|
...audioJitterComparison,
|
|
1799
1799
|
value: callStatsReport.publisherAudioStats.averageJitterInMs,
|
|
1800
1800
|
} }), jsxRuntime.jsx(StatCard, { label: t('Audio jitter (receive)'), value: `${callStatsReport.subscriberAudioStats.averageJitterInMs} ms.`, comparison: {
|
|
1801
1801
|
...audioJitterComparison,
|
|
1802
1802
|
value: callStatsReport.subscriberAudioStats.averageJitterInMs,
|
|
1803
|
-
} })
|
|
1803
|
+
} })] })] })) }));
|
|
1804
1804
|
};
|
|
1805
1805
|
const StatCardExplanation = (props) => {
|
|
1806
1806
|
const { description } = props;
|
|
@@ -3218,7 +3218,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
|
|
|
3218
3218
|
return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
|
|
3219
3219
|
};
|
|
3220
3220
|
|
|
3221
|
-
const [major, minor, patch] = ("1.31.
|
|
3221
|
+
const [major, minor, patch] = ("1.31.5").split('.');
|
|
3222
3222
|
videoClient.setSdkInfo({
|
|
3223
3223
|
type: videoClient.SfuModels.SdkType.REACT,
|
|
3224
3224
|
major,
|