PrakashT
PrakashT

Reputation: 901

How to hide jitsi watermark in reactjs

i'm using react-jitsi library for rendering jitsi video

var interfaceConfig = {
   SHOW_BRAND_WATERMARK: true,
   SHOW_WATERMARK_FOR_GUESTS: false,
};

<Jitsi
      // doamin="meet.jit.si"
      roomName={'12345rfewhgresjttyi'}
      displayName={'prakash'}
      password={password}
      interfaceConfig={interfaceConfig}
    />

i tried to hide jisti watermark in background using interfaceConfig. but interface config doesn't affect any UI.

Also i tried with css:

.leftwatermark {
  display: none;
}

This is also not working.

i referred this link for hide watermark

Is there any way to hide the jitsi watermark using reactjs?

Upvotes: 2

Views: 6799

Answers (4)

Tajkumar
Tajkumar

Reputation: 441

you can change the background-image link in css like below

.leftwatermark {
left: 32px;
top: 32px;
background-position: center left;

background-image: url(your-image-url); } // better view

Upvotes: 0

Nipuna Akalana Perera
Nipuna Akalana Perera

Reputation: 181

If you need to hide the watermark of the Jitsi meet by using iFrame API, what you have to do is to override these attributes which include in the interface_config.js

SHOW_JITSI_WATERMARK: false,
HIDE_DEEP_LINKING_LOGO: true,
SHOW_BRAND_WATERMARK: false,
SHOW_WATERMARK_FOR_GUESTS: false

const options = {
    ...
    configOverwrite: { startWithAudioMuted: true },
    interfaceConfigOverwrite: { DISABLE_DOMINANT_SPEAKER_INDICATOR: true },
    ...
};
const api = new JitsiMeetExternalAPI(domain, options);

Upvotes: 1

Sylchauf
Sylchauf

Reputation: 316

SHOW_BRAND_WATERMARK and SHOW_WATERMARK_FOR_GUESTS can not be overwrite by the client and must be in the server config

You must edit the file interface_config.js

sudo nano /usr/share/jitsi-meet/interface_config.js

And switch to

  • SHOW_BRAND_WATERMARK: false,
  • SHOW_WATERMARK_FOR_GUESTS: false,

then, save your file, and restart your browser page.

Be careful, this file can be reset to default when your upgrade Jitsi on your server. The fix is already asked in the roadmap.

Upvotes: 7

Ajay Kumar Chawla
Ajay Kumar Chawla

Reputation: 67

there is no any way of removing the jitsi watermark. but you can remove the link behind it.

Upvotes: 0

Related Questions