Jitsi meet修改logo和标题

5,007 阅读1分钟

参考文档: github.com/daxiondi/we…

maven:github.com/jitsi

LOGO修改:jitsi.org/api/

API : jitsi.github.io/handbook/do…

DEB文件下载:download.jitsi.org/stable/

安卓DEMO:github.com/jitsi/jitsi…

github.com/jitsi/jitsi…

当前使用版本:github.com/jitsi/jitsi…

所有版本安装包:mirror.cs.uchicago.edu/jitsi/stabl…

PROSODE下载地址:prosody.im/downloads/s…

jitsi-meet所有国际化:gl.gigacloud.ua/Serdiuk/jm-…

视频通话方案:juejin.cn/post/684490…

官方文档:jitsi.github.io/handbook/do…

image.png

参考文章:jitsi meet在ECS及本地虚拟机安装配置与嵌入使用_Kimipoker的博客-CSDN博客

1. 修改logo

interface_config.js文件

DEFAULT_BACKGROUND'#474747',// 背景颜色

DEFAULT_LOCAL_DISPLAY_NAME'me',

DEFAULT_LOGO_URL'images/zjsosIcon.png',

DEFAULT_REMOTE_DISPLAY_NAME'浙江索思科技',

DEFAULT_WELCOME_PAGE_LOGO_URL'images/zjsosIcon.png',

把zjsosIcon.png 传到服务器上的images文件夹下

2.修改logo样式:

css/all.css (.welcome .welcome-watermark .watermark.leftwatermark)设置图片宽高

Libs/app.bundle.min.js(_renderJitsiWatermark方法修改maxWidth、maxHeight)

image.png

3. 修改背景图

把要使用的背景图命名为welcome-background.png 上传到服务器即可

修改样式:css/all.css (.welcome .header)

image.png

4.修改标题

修改libs/app.bundle.min.js下的headerTitle和headerSubtitle

image.png

5.按钮修改

修改libs/app.bundle.min.js下的startMeeting

image.png

6.修改自动生成的房间号

修改libs/app.bundle.min.js

对应每个位置的值,如果需要生成带字母或其他位数的房间号,可进行修改配置

image.png

image.png

7.操作栏修改

在libs/app.bundle.min.js里修改 image.png