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

package/sdk-versions.json

@@ -0,0 +1,3 @@
+{
+  "android": "2.9.59"
+}

package/src/HMSVideoFilterPlugin.ts

@@ -0,0 +1,52 @@
+import { HMSVideoPlugin } from './HMSVideoPlugin';
+
+type SupportedFilters =
+  | 'hue'
+  | 'saturation'
+  | 'brightness'
+  | 'contrast'
+  | 'smoothness'
+  | 'redness'
+  | 'sharpness'
+  | 'exposure';
+
+export class HMSVideoFilterPlugin extends HMSVideoPlugin {
+  static NAME = 'HMSVideoFilterPlugin';
+
+  constructor() {
+    super(HMSVideoFilterPlugin.NAME);
+  }
+
+  setHue(val: number) {
+    return this.setFilter('hue', val);
+  }
+  setSaturation(val: number) {
+    return this.setFilter('saturation', val);
+  }
+  setBrightness(val: number) {
+    return this.setFilter('brightness', val);
+  }
+  setContrast(val: number) {
+    return this.setFilter('contrast', val);
+  }
+  setSmoothness(val: number) {
+    return this.setFilter('smoothness', val);
+  }
+  setRedness(val: number) {
+    return this.setFilter('redness', val);
+  }
+  setSharpness(val: number) {
+    return this.setFilter('sharpness', val);
+  }
+  setExposure(val: number) {
+    return this.setFilter('exposure', val);
+  }
+  private setFilter(filter: SupportedFilters, value: number): Promise<boolean> {
+    const data = {
+      id: '12345',
+      filter,
+      value,
+    };
+    return this.nativeModule.setVideoFilterParameter(data);
+  }
+}

package/src/HMSVideoPlugin.ts

@@ -0,0 +1,63 @@
+import { Platform } from 'react-native';
+import { HMSManagerModule } from '@100mslive/react-native-hms';
+
+import { ReactNativeVideoPlugin } from './modules/ReactNativeVideoPluginModule';
+
+const _nativeModule =
+  Platform.OS === 'android'
+    ? ReactNativeVideoPlugin.nativeModule
+    : HMSManagerModule;
+
+export class HMSVideoPlugin {
+  protected type: string;
+
+  constructor(pluginType: string) {
+    this.type = pluginType;
+  }
+
+  protected get nativeModule() {
+    return _nativeModule;
+  }
+
+  /**
+   * Enables video plugin.
+   * @returns {Promise<boolean>} A promise that resolves to true when video plugin is enabled, otherwise, rejected promise is returned
+   */
+  async enable(): Promise<boolean> {
+    const data = { id: '12345', type: this.type };
+    if (__DEV__)
+      console.log('#Function HMSVirtualBackgroundPlugin#enable', data);
+
+    try {
+      return this.nativeModule.enableVideoPlugin(data);
+    } catch (e) {
+      if (__DEV__)
+        console.warn(
+          '#Error in #Function HMSVirtualBackgroundPlugin#enable ',
+          e
+        );
+      return Promise.reject(e);
+    }
+  }
+
+  /**
+   * Disable video plugin.
+   * @returns {Promise<boolean>} A promise that resolves to true when video plugin is disabled, otherwise, rejected promise is returned
+   */
+  async disable(): Promise<boolean> {
+    const data = { id: '12345', type: this.type };
+    if (__DEV__)
+      console.log('#Function HMSVirtualBackgroundPlugin#disable', data);
+
+    try {
+      return this.nativeModule.disableVideoPlugin(data);
+    } catch (e) {
+      if (__DEV__)
+        console.warn(
+          '#Error in #Function HMSVirtualBackgroundPlugin#disable ',
+          e
+        );
+      return Promise.reject(e);
+    }
+  }
+}

package/src/HMSVirtualBackgroundPlugin.ts

@@ -0,0 +1,66 @@
+import { Image } from 'react-native';
+import type {
+  ImageRequireSource,
+  ImageResolvedAssetSource,
+  ImageURISource,
+} from 'react-native';
+
+import { HMSVideoPlugin } from './HMSVideoPlugin';
+
+export class HMSVirtualBackgroundPlugin extends HMSVideoPlugin {
+  static NAME = 'HMSVirtualBackgroundPlugin';
+
+  constructor() {
+    super(HMSVirtualBackgroundPlugin.NAME);
+  }
+
+  /**
+   * Sets Blur as background
+   * @returns {Promise<boolean>} A promise that resolves to true when blur effect has been applied as background, otherwise, rejected promise is returned
+   */
+  setBlur(blurRadius: number): Promise<boolean> {
+    const data = {
+      id: '12345',
+      background: { type: 'blur', blurRadius },
+    };
+    return this.nativeModule.changeVirtualBackground(data);
+  }
+
+  /**
+   * Sets provided image as background
+   * @param backgroundImage An image to apply as background on
+   * @returns {Promise<boolean>} A promise that resolves to true when provided background image has been applied as background, otherwise, rejected promise is returned
+   *
+   * Example Usage:
+   * ```
+   * // Create instance of `HMSVirtualBackgroundPlugin` class
+   * const hmsVirtualBackgroundPlugin = HMSVirtualBackgroundPlugin();
+   * ...
+   * // In ON_PREVIEW or ON_JOIN event callback method
+   * const image = require('path to image file');
+   * hmsVirtualBackgroundPlugin.setBackground(image);
+   *
+   *
+   * ```
+   */
+  setBackground(
+    backgroundImage: ImageURISource | ImageRequireSource
+  ): Promise<boolean> {
+    const background = resolveBackground(backgroundImage);
+    const data = {
+      id: '12345',
+      background,
+    };
+    return this.nativeModule.changeVirtualBackground(data);
+  }
+}
+
+function resolveBackground(background: ImageURISource | ImageRequireSource): {
+  type: 'image';
+  source: ImageResolvedAssetSource;
+} {
+  return {
+    type: 'image',
+    source: Image.resolveAssetSource(background),
+  };
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './HMSVirtualBackgroundPlugin';
+export * from './modules/ReactNativeVideoPluginModule';

package/src/modules/ReactNativeVideoPluginModule.ts

@@ -0,0 +1,33 @@
+import { NativeModules, Platform } from 'react-native';
+
+const LINKING_ERROR =
+  `The package '@100mslive/react-native-video-plugin' doesn't seem to be linked. Make sure: \n\n` +
+  // Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+const IOS_PLATFORM_ERROR =
+  'ReactNativeVideoPlugin native module is not available on iOS. Please add a `Platform.OS` check like: \n\n' +
+  '```\n' +
+  'Platform.OS === "android" ? ReactNativeVideoPlugin.nativeModule : null\n' +
+  '```';
+
+const ReactNativeVideoPluginModule = NativeModules.ReactNativeVideoPlugin;
+
+export const ReactNativeVideoPlugin = {
+  get nativeModule() {
+    if (ReactNativeVideoPluginModule) {
+      return ReactNativeVideoPluginModule;
+    }
+    return new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(
+            Platform.OS === 'android' ? LINKING_ERROR : IOS_PLATFORM_ERROR
+          );
+        },
+      }
+    );
+  },
+};