@dytesdk/background-changer-module v1.4.28

background-changer

Warning This package is for the depreciated "dyte-client" SDK For our latest SDKs use https://www.npmjs.com/package/@dytesdk/video-background-transformer

Install

npm install --save @dytesdk/background-changer-module

Usage

import backgroundModule from '@dytesdk/background-changer-module';

<DyteMeeting
          onInit={(meeting: Meeting) => {
                 meeting.modules.initAndAdd(backgroundModule);
          }}
          clientId={clientId}
          meetingConfig={meetingConfig}
        />

To Add your own images

import {createAndGetModule} from '@dytesdk/background-changer-module';

const backgroundModule = createAndGetModule({
  defaultImageUrl: undefined,
  imageUrls: [
    'https://assets.dyte.io/backgrounds/bg_0.jpg',
    'https://assets.dyte.io/backgrounds/bg_1.jpg',
    'https://assets.dyte.io/backgrounds/bg_2.jpg',
    'https://assets.dyte.io/backgrounds/bg_3.jpg',
    'https://assets.dyte.io/backgrounds/bg_4.jpg',
    'https://assets.dyte.io/backgrounds/bg_5.jpg',
    'https://assets.dyte.io/backgrounds/bg_6.jpg',
    'https://assets.dyte.io/backgrounds/bg_7.jpeg',
  ]
});


<DyteMeeting
          onInit={(meeting: Meeting) => {
                 meeting.modules.initAndAdd(backgroundModule);
          }}
          clientId={clientId}
          meetingConfig={meetingConfig}
        />