Custom UI for jitsi meet

And out of no where from the last two days i am getting an error: "Missing strophe-plugins(disco plugin is required)!
I have npm installed strophejs-plugin-disco.
Package.json entry is as follows:
“strophejs-plugin-disco”: “0.0.2”

Link to my git repo: https://github.com/mayur-bhandari/libjitsimeet

Can you tell me what i am doing wrong?

UPDATES:

I created a topic for this. And posted updates on it.
Link: Missing strophe-plugins (disco plugin is required)!

Hi @Mayur_Bhandari, were you able to implement custom UI on jitsi meet ?
I’m having similar issues and unable to resolve these. Please let me know if you have created any sdk or switched platform.
Thanks

I’m also facing the same issue . I need to get all users list in the conference. And also want to change buttons in the bottom panel.

Hi @Charles_Smith, i was able to make react-native build for jitsi using the lib-jitsi-meet javascript library.

@Mayur_Bhandari can you guide me how did you achieve this. did you make an sdk out of lib-jitsi-meet.

Hi, i made a react-native application out of it. the aim was to make a react package so that i could use it via npm like all the other react native packages.

@Mayur_Bhandari is it available anywhere ?? Can I see your code ?

I made a guide for building a custom version of the android app.
https://github.com/JInnace/guides/blob/master/Custom-UI-for-jitsi-meet-Android.md

1 Like

hi,I read this post and customized the UI. How can I pack it

I have finished customizing the UI, how can I package it to be called as an external file

how can I package it,use this like

What UI did you customize, the web one or the mobile one?

Thank you for your reply. I have customized the mobile and web . Now need package it to be called as an external file

I have clone https://github.com/jitsi/jitsi-meet this and change js as per required ui changes now how i can use it in native android app ???

@saghul I want to remove jets-meet video muted button. That’s why I removed it from toolbox.js After that I will exact this task that I describe bellow:

  1. git clone https://github.com/jitsi/jitsi-meet.git
  2. Navigate to the newly added jitsi-meet folder and execute npm install
  3. Create a new folder( /tmp/repo ) inside root folder
  4. Copy the react native and JavaScriptCore dependency via
    cp -r node_modules/react-native/android/com tmp/repo/
    and c p -r node_modules/jsc-android/dist/org tmp/repo/
  5. Run this command ./android/scripts/release-sdk.sh /tmp/repo
  6. Create a new android Project
  7. Copy the /tmp/repo folder into this project
  8. Add maven { url “file:/tmp/repo” } in the build.gradle (Project:MyProject)
  9. Add implementation (‘org.jitsi.react:jitsi-meet-sdk:+’) { transitive = true } to the build.gradle

When i want to build my Android Studio Project in Android studio its give me the error bellow:

ERROR: Failed to resolve: org.jitsi.react:jitsi-meet-sdk:+

Is there any thing I am missing? Please let me know.

Thank you.

External file? Do you want to use it with the external API funcctionality? Can you please clarify?

Don’t use the master branch, as it’s currently in flux. Please use the mobile-19.5 branch.

Look on android/README.md, it contains the instructions on how to build the SDK after you’ve made the changes.

I want to remove video mute button in jitsi meet android client. for this i removed it from toolbox.js file. then i follow as describe in documentation for building my own SDK artifacts/binaries. I follow this step:

  1. git clone https://github.com/jitsi/jitsi-meet.git
  2. Navigate to the newly added jitsi-meet folder and execute npm install after that remove video mute button from toolbox.js.
  3. Create a new folder( /tmp/repo ) inside root folder
  4. Copy the react native and JavaScriptCore dependency via
    cp -r node_modules/react-native/android/com tmp/repo/
    and c p -r node_modules/jsc-android/dist/org tmp/repo/
  5. Run this command ./android/scripts/release-sdk.sh /tmp/repo
  6. Create a new android Project
  7. Copy the /tmp/repo folder into this project
  8. Add maven { url “file:/tmp/repo” } in the build.gradle (Project:MyProject)
  9. Add implementation (‘org.jitsi.react:jitsi-meet-sdk:+’) { transitive = true } to the build.gradle

when i run the app and join to any room app crashed and the error is

java.lang.UnsatisfiedLinkError: couldn’t find DSO to load: libreactnativejni.so

please tell how i publish my own sdk that has no video mute button on ui to use in android. It’ll helpful for me if you give me the exact step

2 Likes

@imzahidulislam See above.