@stream-io/video-filters-web 0.6.0 → 0.7.1
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 +12 -0
- package/dist/index.cjs.js +10 -9
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +10 -9
- package/dist/index.es.js.map +1 -1
- package/mediapipe/models/selfie_multiclass_256x256.tflite +0 -0
- package/mediapipe/models/selfie_segmenter_landscape.tflite +0 -0
- package/package.json +1 -1
- package/src/VirtualBackground.ts +2 -1
- package/src/mediapipe.ts +1 -1
- package/src/types.ts +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.7.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.7.0...@stream-io/video-filters-web-0.7.1) (2026-01-27)
|
|
6
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
- **react:** switch selfie segmentation default to landscape model ([#2100](https://github.com/GetStream/stream-video-js/issues/2100)) ([7c5d74d](https://github.com/GetStream/stream-video-js/commit/7c5d74d79ba1eb2f5a04a60a953ea0bd46633f4a))
|
|
10
|
+
|
|
11
|
+
## [0.7.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.6.0...@stream-io/video-filters-web-0.7.0) (2025-12-23)
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
- **react:** Implement progress bar when video-filters are being loaded ([#2063](https://github.com/GetStream/stream-video-js/issues/2063)) ([3a6b92e](https://github.com/GetStream/stream-video-js/commit/3a6b92e092805160cbf0e289d70fcccafcb20199))
|
|
16
|
+
|
|
5
17
|
## [0.6.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.5.1...@stream-io/video-filters-web-0.6.0) (2025-12-08)
|
|
6
18
|
|
|
7
19
|
### Features
|
package/dist/index.cjs.js
CHANGED
|
@@ -1561,7 +1561,7 @@ const createTFLiteSIMDModule = (__Module) => {
|
|
|
1561
1561
|
return __Module.ready;
|
|
1562
1562
|
};
|
|
1563
1563
|
|
|
1564
|
-
const version = "0.
|
|
1564
|
+
const version = "0.7.1";
|
|
1565
1565
|
const packageName = "@stream-io/video-filters-web";
|
|
1566
1566
|
|
|
1567
1567
|
// @ts-expect-error - module is not declared
|
|
@@ -1593,7 +1593,7 @@ const fetchModel = async (modelFilePath) => {
|
|
|
1593
1593
|
let lastModelFilePath = '';
|
|
1594
1594
|
let modelFileCache;
|
|
1595
1595
|
const loadMediaPipe = async (options = {}) => {
|
|
1596
|
-
const { basePath = `https://unpkg.com/${packageName}@${version}/mediapipe`, modelPath = `${basePath}/models/
|
|
1596
|
+
const { basePath = `https://unpkg.com/${packageName}@${version}/mediapipe`, modelPath = `${basePath}/models/selfie_segmenter_landscape.tflite`, } = options;
|
|
1597
1597
|
const model = modelPath === lastModelFilePath && modelFileCache
|
|
1598
1598
|
? modelFileCache
|
|
1599
1599
|
: await fetch(modelPath).then((r) => r.arrayBuffer());
|
|
@@ -1604,16 +1604,16 @@ const loadMediaPipe = async (options = {}) => {
|
|
|
1604
1604
|
|
|
1605
1605
|
const BACKGROUND_BLUR_MAP = {
|
|
1606
1606
|
low: {
|
|
1607
|
-
bgBlur:
|
|
1608
|
-
bgBlurRadius:
|
|
1607
|
+
bgBlur: 5,
|
|
1608
|
+
bgBlurRadius: 3,
|
|
1609
1609
|
},
|
|
1610
1610
|
medium: {
|
|
1611
|
-
bgBlur:
|
|
1612
|
-
bgBlurRadius:
|
|
1611
|
+
bgBlur: 15,
|
|
1612
|
+
bgBlurRadius: 4,
|
|
1613
1613
|
},
|
|
1614
1614
|
high: {
|
|
1615
|
-
bgBlur:
|
|
1616
|
-
bgBlurRadius:
|
|
1615
|
+
bgBlur: 30,
|
|
1616
|
+
bgBlurRadius: 5,
|
|
1617
1617
|
},
|
|
1618
1618
|
};
|
|
1619
1619
|
|
|
@@ -2580,7 +2580,8 @@ class VirtualBackground extends BaseVideoProcessor {
|
|
|
2580
2580
|
this.opts = await this.initializeSegmenterOptions();
|
|
2581
2581
|
const basePath = this.options.basePath ||
|
|
2582
2582
|
`https://unpkg.com/${packageName}@${version}/mediapipe`;
|
|
2583
|
-
const model = this.options.modelPath ||
|
|
2583
|
+
const model = this.options.modelPath ||
|
|
2584
|
+
`${basePath}/models/selfie_segmenter_landscape.tflite`;
|
|
2584
2585
|
const fileset = await tasksVision.FilesetResolver.forVisionTasks(`${basePath}/wasm`);
|
|
2585
2586
|
this.segmenter = await tasksVision.ImageSegmenter.createFromOptions(fileset, {
|
|
2586
2587
|
baseOptions: { modelAssetPath: model, delegate: 'GPU' },
|