@100mslive/react-native-video-plugin 0.1.2 → 1.0.0

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.
Files changed (8) hide show
  1. package/README.md +36 -0
  2. package/lib/commonjs/HMSVideoPlugin.js +2 -2
  3. package/lib/commonjs/HMSVideoPlugin.js.map +1 -1
  4. package/lib/module/HMSVideoPlugin.js +2 -2
  5. package/lib/module/HMSVideoPlugin.js.map +1 -1
  6. package/package.json +4 -24
  7. package/sdk-versions.json +1 -1
  8. package/src/HMSVideoPlugin.ts +2 -2
package/README.md CHANGED
@@ -1,9 +1,45 @@
1
1
  # @100mslive/react-native-video-plugin
2
2
 
3
+ [![npm](https://img.shields.io/npm/v/@100mslive/react-native-video-plugin)](https://www.npmjs.com/package/@100mslive/react-native-video-plugin)
4
+ [![Build](https://github.com/100mslive/100ms-react-native/actions/workflows/build.yml/badge.svg?branch=develop)](https://github.com/100mslive/100ms-react-native/actions/workflows/build.yml)
5
+ [![license](https://img.shields.io/npm/l/@100mslive/react-native-hms)](https://www.100ms.live/)
6
+ [![quality](https://img.shields.io/npms-io/quality-score/@100mslive/react-native-hms)](https://www.npmjs.com/package/@100mslive/react-native-hms)
7
+ [![collaborators](https://img.shields.io/npm/collaborators/@100mslive/react-native-hms)](https://www.npmjs.com/package/@100mslive/react-native-hms)
8
+ [![Documentation](https://img.shields.io/badge/Read-Documentation-blue)](https://docs.100ms.live/react-native/v2/foundation/basics)
9
+ [![Discord](https://img.shields.io/discord/843749923060711464?label=Join%20on%20Discord)](https://100ms.live/discord)
10
+ [![Firebase](https://img.shields.io/badge/Download%20Android-Firebase-green)](https://appdistribution.firebase.dev/i/7b7ab3b30e627c35)
11
+ [![TestFlight](https://img.shields.io/badge/Download%20iOS-TestFlight-blue)](https://testflight.apple.com/join/v4bSIPad)
12
+ [![Activity](https://img.shields.io/github/commit-activity/m/100mslive/react-native-hms.svg)](https://github.com/100mslive/100ms-react-native/projects?type=classic)
13
+ [![Register](https://img.shields.io/badge/Contact-Know%20More-blue)](https://dashboard.100ms.live/register)
14
+
15
+ <p align="center" width="100%">
16
+ <img alt="Prebuilt - VB" src="https://github.com/100mslive/flutter-video-plugin/assets/93931528/b85b5f48-b06c-4b11-b3d6-8639f8cbd1c3">
17
+ </p>
18
+
19
+ Integrate virtual backgrounds, blur backgrounds effects in your React Native app with the 100ms Video Plugin. 100ms video plugin enabled adding virtual backgrounds, blur backgrounds, and other video filters to your 100ms video conferencing app. The plugin is built on top of the 100ms React Native SDK.
20
+
21
+ 📖 Read the Complete Documentation here: https://www.100ms.live/docs/react-native/v2/quickstart/quickstart
22
+
23
+ 📲 Download the Example iOS app here: https://testflight.apple.com/join/v4bSIPad
24
+
25
+ 🤖 Download the Example Android app here: https://appdistribution.firebase.dev/i/7b7ab3b30e627c35
26
+
27
+
28
+ <div align="center">
29
+ <video src="https://github.com/100mslive/flutter-video-plugin/assets/93931528/c44c4501-dd70-4d92-a23d-06fee1872278" controls >
30
+ </div>
31
+
3
32
 
4
33
  Virtual Background plugin helps in customising one's background that replacing the background with a static image or blurring the background.
5
34
  This guide provides an overview of usage of the Virtual Background plugin of 100ms.
6
35
 
36
+ | Package | Version |
37
+ | -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
38
+ | @100mslive/react-native-room-kit | [![npm](https://img.shields.io/npm/v/@100mslive/react-native-room-kit)](https://www.npmjs.com/package/@100mslive/react-native-room-kit) |
39
+ | @100mslive/react-native-hms | [![npm](https://img.shields.io/npm/v/@100mslive/react-native-hms)](https://www.npmjs.com/package/@100mslive/react-native-hms) |
40
+ | @100mslive/react-native-video-plugin | [![npm](https://img.shields.io/npm/v/@100mslive/react-native-video-plugin)](https://www.npmjs.com/package/@100mslive/react-native-video-plugin) |
41
+
42
+
7
43
  ## Minimum Requirements
8
44
 
9
45
  - Minimum [`@100mslive/react-native-hms`](https://github.com/100mslive/100ms-react-native) SDK version is `^1.10.6`
package/lib/commonjs/HMSVideoPlugin.js CHANGED
@@ -27,7 +27,7 @@ class HMSVideoPlugin {
27
27
  };
28
28
  if (__DEV__) console.log('#Function HMSVirtualBackgroundPlugin#enable', data);
29
29
  try {
30
- return this.nativeModule.enableVideoPlugin(data);
30
+ return await this.nativeModule.enableVideoPlugin(data);
31
31
  } catch (e) {
32
32
  if (__DEV__) console.warn('#Error in #Function HMSVirtualBackgroundPlugin#enable ', e);
33
33
  return Promise.reject(e);
@@ -45,7 +45,7 @@ class HMSVideoPlugin {
45
45
  };
46
46
  if (__DEV__) console.log('#Function HMSVirtualBackgroundPlugin#disable', data);
47
47
  try {
48
- return this.nativeModule.disableVideoPlugin(data);
48
+ return await this.nativeModule.disableVideoPlugin(data);
49
49
  } catch (e) {
50
50
  if (__DEV__) console.warn('#Error in #Function HMSVirtualBackgroundPlugin#disable ', e);
51
51
  return Promise.reject(e);
package/lib/commonjs/HMSVideoPlugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_reactNativeHms","_ReactNativeVideoPluginModule","_nativeModule","Platform","OS","ReactNativeVideoPlugin","nativeModule","HMSManagerModule","HMSVideoPlugin","constructor","pluginType","type","enable","data","id","__DEV__","console","log","enableVideoPlugin","e","warn","Promise","reject","disable","disableVideoPlugin","exports"],"sourceRoot":"../../src","sources":["HMSVideoPlugin.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AAEA,MAAMG,aAAa,GACjBC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GACrBC,oDAAsB,CAACC,YAAY,GACnCC,gCAAgB;AAEf,MAAMC,cAAc,CAAC;EAG1BC,WAAWA,CAACC,UAAkB,EAAE;IAC9B,IAAI,CAACC,IAAI,GAAGD,UAAU;EACxB;EAEA,IAAcJ,YAAYA,CAAA,EAAG;IAC3B,OAAOJ,aAAa;EACtB;;EAEA;AACF;AACA;AACA;EACE,MAAMU,MAAMA,CAAA,EAAqB;IAC/B,MAAMC,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,6CAA6C,EAAEJ,IAAI,CAAC;IAElE,IAAI;MACF,OAAO,IAAI,CAACP,YAAY,CAACY,iBAAiB,CAACL,IAAI,CAAC;IAClD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,wDAAwD,EACxDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;;EAEA;AACF;AACA;AACA;EACE,MAAMI,OAAOA,CAAA,EAAqB;IAChC,MAAMV,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,8CAA8C,EAAEJ,IAAI,CAAC;IAEnE,IAAI;MACF,OAAO,IAAI,CAACP,YAAY,CAACkB,kBAAkB,CAACX,IAAI,CAAC;IACnD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,yDAAyD,EACzDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;AACF;AAACM,OAAA,CAAAjB,cAAA,GAAAA,cAAA","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_reactNativeHms","_ReactNativeVideoPluginModule","_nativeModule","Platform","OS","ReactNativeVideoPlugin","nativeModule","HMSManagerModule","HMSVideoPlugin","constructor","pluginType","type","enable","data","id","__DEV__","console","log","enableVideoPlugin","e","warn","Promise","reject","disable","disableVideoPlugin","exports"],"sourceRoot":"../../src","sources":["HMSVideoPlugin.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AAEA,MAAMG,aAAa,GACjBC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GACrBC,oDAAsB,CAACC,YAAY,GACnCC,gCAAgB;AAEf,MAAMC,cAAc,CAAC;EAG1BC,WAAWA,CAACC,UAAkB,EAAE;IAC9B,IAAI,CAACC,IAAI,GAAGD,UAAU;EACxB;EAEA,IAAcJ,YAAYA,CAAA,EAAG;IAC3B,OAAOJ,aAAa;EACtB;;EAEA;AACF;AACA;AACA;EACE,MAAMU,MAAMA,CAAA,EAAqB;IAC/B,MAAMC,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,6CAA6C,EAAEJ,IAAI,CAAC;IAElE,IAAI;MACF,OAAO,MAAM,IAAI,CAACP,YAAY,CAACY,iBAAiB,CAACL,IAAI,CAAC;IACxD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,wDAAwD,EACxDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;;EAEA;AACF;AACA;AACA;EACE,MAAMI,OAAOA,CAAA,EAAqB;IAChC,MAAMV,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,8CAA8C,EAAEJ,IAAI,CAAC;IAEnE,IAAI;MACF,OAAO,MAAM,IAAI,CAACP,YAAY,CAACkB,kBAAkB,CAACX,IAAI,CAAC;IACzD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,yDAAyD,EACzDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;AACF;AAACM,OAAA,CAAAjB,cAAA,GAAAA,cAAA","ignoreList":[]}
package/lib/module/HMSVideoPlugin.js CHANGED
@@ -21,7 +21,7 @@ export class HMSVideoPlugin {
21
21
  };
22
22
  if (__DEV__) console.log('#Function HMSVirtualBackgroundPlugin#enable', data);
23
23
  try {
24
- return this.nativeModule.enableVideoPlugin(data);
24
+ return await this.nativeModule.enableVideoPlugin(data);
25
25
  } catch (e) {
26
26
  if (__DEV__) console.warn('#Error in #Function HMSVirtualBackgroundPlugin#enable ', e);
27
27
  return Promise.reject(e);
@@ -39,7 +39,7 @@ export class HMSVideoPlugin {
39
39
  };
40
40
  if (__DEV__) console.log('#Function HMSVirtualBackgroundPlugin#disable', data);
41
41
  try {
42
- return this.nativeModule.disableVideoPlugin(data);
42
+ return await this.nativeModule.disableVideoPlugin(data);
43
43
  } catch (e) {
44
44
  if (__DEV__) console.warn('#Error in #Function HMSVirtualBackgroundPlugin#disable ', e);
45
45
  return Promise.reject(e);
package/lib/module/HMSVideoPlugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["Platform","HMSManagerModule","ReactNativeVideoPlugin","_nativeModule","OS","nativeModule","HMSVideoPlugin","constructor","pluginType","type","enable","data","id","__DEV__","console","log","enableVideoPlugin","e","warn","Promise","reject","disable","disableVideoPlugin"],"sourceRoot":"../../src","sources":["HMSVideoPlugin.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D,SAASC,sBAAsB,QAAQ,wCAAwC;AAE/E,MAAMC,aAAa,GACjBH,QAAQ,CAACI,EAAE,KAAK,SAAS,GACrBF,sBAAsB,CAACG,YAAY,GACnCJ,gBAAgB;AAEtB,OAAO,MAAMK,cAAc,CAAC;EAG1BC,WAAWA,CAACC,UAAkB,EAAE;IAC9B,IAAI,CAACC,IAAI,GAAGD,UAAU;EACxB;EAEA,IAAcH,YAAYA,CAAA,EAAG;IAC3B,OAAOF,aAAa;EACtB;;EAEA;AACF;AACA;AACA;EACE,MAAMO,MAAMA,CAAA,EAAqB;IAC/B,MAAMC,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,6CAA6C,EAAEJ,IAAI,CAAC;IAElE,IAAI;MACF,OAAO,IAAI,CAACN,YAAY,CAACW,iBAAiB,CAACL,IAAI,CAAC;IAClD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,wDAAwD,EACxDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;;EAEA;AACF;AACA;AACA;EACE,MAAMI,OAAOA,CAAA,EAAqB;IAChC,MAAMV,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,8CAA8C,EAAEJ,IAAI,CAAC;IAEnE,IAAI;MACF,OAAO,IAAI,CAACN,YAAY,CAACiB,kBAAkB,CAACX,IAAI,CAAC;IACnD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,yDAAyD,EACzDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;AACF","ignoreList":[]}
1
+ {"version":3,"names":["Platform","HMSManagerModule","ReactNativeVideoPlugin","_nativeModule","OS","nativeModule","HMSVideoPlugin","constructor","pluginType","type","enable","data","id","__DEV__","console","log","enableVideoPlugin","e","warn","Promise","reject","disable","disableVideoPlugin"],"sourceRoot":"../../src","sources":["HMSVideoPlugin.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D,SAASC,sBAAsB,QAAQ,wCAAwC;AAE/E,MAAMC,aAAa,GACjBH,QAAQ,CAACI,EAAE,KAAK,SAAS,GACrBF,sBAAsB,CAACG,YAAY,GACnCJ,gBAAgB;AAEtB,OAAO,MAAMK,cAAc,CAAC;EAG1BC,WAAWA,CAACC,UAAkB,EAAE;IAC9B,IAAI,CAACC,IAAI,GAAGD,UAAU;EACxB;EAEA,IAAcH,YAAYA,CAAA,EAAG;IAC3B,OAAOF,aAAa;EACtB;;EAEA;AACF;AACA;AACA;EACE,MAAMO,MAAMA,CAAA,EAAqB;IAC/B,MAAMC,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,6CAA6C,EAAEJ,IAAI,CAAC;IAElE,IAAI;MACF,OAAO,MAAM,IAAI,CAACN,YAAY,CAACW,iBAAiB,CAACL,IAAI,CAAC;IACxD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,wDAAwD,EACxDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;;EAEA;AACF;AACA;AACA;EACE,MAAMI,OAAOA,CAAA,EAAqB;IAChC,MAAMV,IAAI,GAAG;MAAEC,EAAE,EAAE,OAAO;MAAEH,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;IAC7C,IAAII,OAAO,EACTC,OAAO,CAACC,GAAG,CAAC,8CAA8C,EAAEJ,IAAI,CAAC;IAEnE,IAAI;MACF,OAAO,MAAM,IAAI,CAACN,YAAY,CAACiB,kBAAkB,CAACX,IAAI,CAAC;IACzD,CAAC,CAAC,OAAOM,CAAC,EAAE;MACV,IAAIJ,OAAO,EACTC,OAAO,CAACI,IAAI,CACV,yDAAyD,EACzDD,CACF,CAAC;MACH,OAAOE,OAAO,CAACC,MAAM,CAACH,CAAC,CAAC;IAC1B;EACF;AACF","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@100mslive/react-native-video-plugin",
3
- "version": "0.1.2",
3
+ "version": "1.0.0",
4
4
  "description": "HMSSDK now provides support for Virtual Background using @100mslive/react-native-video-plugin. It allows users to change their background during a call. Users can choose from a variety of backgrounds or upload their own custom background. It also provides a feature to blur the background.",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -32,8 +32,7 @@
32
32
  "typecheck": "tsc --noEmit",
33
33
  "lint": "eslint \"**/*.{js,ts,tsx}\"",
34
34
  "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
35
- "prepack": "bob build",
36
- "release": "release-it"
35
+ "prepack": "bob build"
37
36
  },
38
37
  "keywords": [
39
38
  "react-native",
@@ -125,12 +124,11 @@
125
124
  "registry": "https://registry.npmjs.org/"
126
125
  },
127
126
  "devDependencies": {
128
- "@100mslive/react-native-hms": "^1.10.6",
127
+ "@100mslive/react-native-hms": "^1.10.9",
129
128
  "@commitlint/config-conventional": "^17.0.2",
130
129
  "@evilmartians/lefthook": "^1.5.0",
131
130
  "@react-native/babel-preset": "^0.73.1",
132
131
  "@react-native/eslint-config": "^0.73.1",
133
- "@release-it/conventional-changelog": "^5.0.0",
134
132
  "@types/jest": "^29.5.5",
135
133
  "@types/react": "^18.2.44",
136
134
  "commitlint": "^17.0.2",
@@ -143,7 +141,6 @@
143
141
  "react": "18.2.0",
144
142
  "react-native": "0.71.19",
145
143
  "react-native-builder-bob": "^0.20.0",
146
- "release-it": "^15.0.0",
147
144
  "turbo": "^1.10.7",
148
145
  "typescript": "^5.2.2"
149
146
  },
@@ -151,7 +148,7 @@
151
148
  "@types/react": "^18.2.44"
152
149
  },
153
150
  "peerDependencies": {
154
- "@100mslive/react-native-hms": "^1.10.6",
151
+ "@100mslive/react-native-hms": "^1.10.9",
155
152
  "react": "*",
156
153
  "react-native": "*"
157
154
  },
@@ -171,23 +168,6 @@
171
168
  "@commitlint/config-conventional"
172
169
  ]
173
170
  },
174
- "release-it": {
175
- "git": {
176
- "commitMessage": "chore: release ${version}",
177
- "tagName": "v${version}"
178
- },
179
- "npm": {
180
- "publish": true
181
- },
182
- "github": {
183
- "release": true
184
- },
185
- "plugins": {
186
- "@release-it/conventional-changelog": {
187
- "preset": "angular"
188
- }
189
- }
190
- },
191
171
  "eslintConfig": {
192
172
  "root": true,
193
173
  "extends": [
package/sdk-versions.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "android": "2.9.59"
2
+ "android": "2.9.64"
3
3
  }
package/src/HMSVideoPlugin.ts CHANGED
@@ -29,7 +29,7 @@ export class HMSVideoPlugin {
29
29
  console.log('#Function HMSVirtualBackgroundPlugin#enable', data);
30
30
 
31
31
  try {
32
- return this.nativeModule.enableVideoPlugin(data);
32
+ return await this.nativeModule.enableVideoPlugin(data);
33
33
  } catch (e) {
34
34
  if (__DEV__)
35
35
  console.warn(
@@ -50,7 +50,7 @@ export class HMSVideoPlugin {
50
50
  console.log('#Function HMSVirtualBackgroundPlugin#disable', data);
51
51
 
52
52
  try {
53
- return this.nativeModule.disableVideoPlugin(data);
53
+ return await this.nativeModule.disableVideoPlugin(data);
54
54
  } catch (e) {
55
55
  if (__DEV__)
56
56
  console.warn(