Jitsi 视频会议

自定义 主题组件
,
1
:discourse2: 摘要 Jitsi 视频会议允许将 Jitsi 视频通话嵌入到 Discourse 帖子中。
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-jitsi
:open_book: Discourse 主题新手？ Discourse 主题使用入门指南

安装此主题组件

功能

  • 管理员可以使用自己的 Jitsi 服务器实例
  • 在编辑器工具栏添加图标（可在组件设置中限制为仅限工作人员）
  • 在帖子中显示带有可配置图标和标签的按钮

image
image1720×1088 87.9 KB

image
image1742×1458 331 KB

设置

名称 描述
显示在选项下拉菜单中 若未勾选，图标将显示在编辑器工具栏中。
仅限工作人员可用
meet jitsi 域名 仅域名（不含协议，不含尾部斜杠）。
jitsi 脚本源 外部 API JavaScript 文件的 URL。如果您更改此项，还需将 URL 添加到站点设置的“内容安全脚本源”中。
按钮图标 输入要在 Jitsi 按钮中显示的 FontAwesome 5 图标名称。
聊天按钮 与 Discourse 聊天集成
隐藏 iframe 按钮 向用户隐藏 iframe 设置选项，将使用下方的默认设置
默认移动 iframe 默认在移动设备上启用 iframe 模式
默认桌面 iframe 默认在桌面设备上启用 iframe 模式
聊天按钮位置 按钮在聊天窗口中的位置
svg 图标 如果使用自定义图标，请也将其添加到此字段（除了上面的 ‘button_icon’）
翻译 默认值
composer_title Discourse Jitsi
room_label Jitsi 房间 ID
button_text_label 按钮标签
launch_jitsi 启动视频会议
modal.room_field_description 输入您的房间 ID（或留空以使用随机生成的 ID）。
modal.insert 插入
modal.cancel 取消
modal.title 添加 Jitsi 集成
modal.mobile_iframe 在移动设备上以 iframe 形式显示
modal.desktop_iframe 在桌面设备上以 iframe 形式显示

:discourse2: 由我们托管？ 主题组件可在我们的标准版、商业版和企业版计划中使用。

43 个赞
BigBlueButton video conference
Collude - a collaborative text editor for Discourse
Whereby Video Meetings
Discourse-jitsi component not working
A lot of CPU cores or fast cores?
Host Zoom Events in Discourse
Video Conference Call
Where should we ask help?
Customizing your site with existing theme components
How to set up Discourse for selling memberships to online courses?
2

你好，感谢你的帖子和插件。为了避免混淆，我已经从另一个帖子中删除了一些内容。我已经安装并正在测试该组件。

我在起草视频会议到新帖子时没有看到Discourse 预览。你看到预览了吗？

2 个赞
3

太棒了！@downey，我们能否在你的 Jitsi 服务器上试试这个？我目前没有服务器，但或许想搭建一个。

我刚才在用 GoToMeeting 进行家庭通话时遇到了一些困难，很感兴趣尝试一种新方法，即直接嵌入到 Discourse 话题中。如果是基于 Jitsi 的就更好了！

1 个赞
4

对使用 Jitsi 免费提供的服务器有顾虑吗？

1 个赞
Jitsi custom button add to theme
5

对使用 Jitsi 免费提供的服务器是否有顾虑？

我们已对其进行测试，在约 10 人规模下运行良好。但当人数超过 20 人时，性能会变得无法使用，因此对于较大规模的群组通话，以及需要集成 Slack 和 Etherpad 的场景，建议自行部署实例。

4 个赞
6

这让我想起，我们停止 Jitsi 测试的原因是，Jitsi 会提示移动用户（至少在 iOS 上）安装应用程序。我们正在重新考虑 BigBlueButton，它可以在移动设备和桌面端通过浏览器运行。

想知道 @pmusaraj 是否有兴趣查看他们的 API，以评估在此组件上完成的工作有多少（如果有的话）可以复用到那边……

6 个赞
7

用户也可以电话接入，这有帮助吗？顺便提一下，iOS 应用非常出色，而且完全开源，据我所知使用起来非常简单。我注意到该应用基本上是 Zoom 在 iOS 和 Android 上的复刻版，而我认识的大多数人都在使用 Zoom。

2 个赞
8

我的意思是，如果我有原生支持的视频会议可选，而另一个则需要安装应用，我可能会选择不安装额外的应用。

3 个赞
9

这有点像（并非完全如此）要求所有想通过 Discourse 平台进行任何对话的人都使用 meta。:slight_smile:

是的，这是事实。我还没完全想清楚在 Discourse 中嵌入这样的移动界面会带来哪些影响。

我也听到过不少关于 BBB 的好评，尤其适用于更偏向“网络研讨会风格”的活动。如果能实现集成那就更好了 :slight_smile:

据我所知，情况恰恰相反。多年来，Zoom 借鉴了许多 Jitsi 及其他网络会议工具的 UI/UX 设计。

6 个赞
10

顺便一提，我在配置主题组件以使用自己安装的 Jitsi 实例时遇到了错误。正常的房间 URL 语法可以正常工作，但不知何故，点击按钮时会出现 404 错误。遗憾的是，我这周没有时间排查问题……

image
image1518×1172 41 KB

3 个赞
11

@pmusaraj，感谢提供这个组件！

有没有办法在创建房间时添加一个随机单词生成器？或者使用时间戳/纪元时间？每次在 Discourse 中创建房间时，我都会遇到思维瓶颈。:slight_smile:

3 个赞
12

“平庸的艺术家模仿，伟大的艺术家窃取”——在一天开始时，用户看到的是当前的产品，而非其历史。

13

部署自己的 Jitsi 实例能带来多大的性能提升？我以为通话建立后就是点对点传输了。

我们需要一个能够应对大型群组会议的解决方案，而目前使用 meet.jit.si 时，我发现即使是两人通话，性能也常常不尽如人意。

14

Jitsi 仅在 1 对 1 设置中采用点对点连接。任何更大的群组都会通过服务器进行路由。

即使是我们要测试过的专用自托管实例，也会很快达到性能瓶颈。

1 个赞
15

也许他们除了提供自托管选项外，还应该推出付费的托管服务……这或许能帮助他们在大规模环境下发现软件中的问题：思考

3 个赞
16

我认为主要问题在于，对于任何规模的部署，jitsi-videobridge 实际上都需要一台专用主机，并将 jitsi-meet 组件单独安装。前者是流媒体服务器，而后者仅提供前端界面。

不幸的是，大多数人选择的安装方式是半自动化的单主机部署。他们的 快速安装 全部基于 Docker，非常简单直接。

而 详细的手动安装 虽然允许将各组件分开部署，但会让任何新手很快望而却步。

9 个赞
17

我无法让它正常工作，即使使用默认的 meet.jit.si 服务器也是如此。无论我输入什么会议 ID，都只会看到一个灰色方框，而不是视频会议界面。

Screen Shot 2020-04-11 at 10.50.42 AM
Screen Shot 2020-04-11 at 10.50.42 AM1708×1160 65.1 KB

1 个赞
18

控制台有什么信息吗？

19

你好，Tobias，在我这里可以正常工作（使用 Chrome 和 Firefox），版本为 2.5.0 beta2，插件很少，Jitsi 服务器是大约 48 小时前全新部署的……:face_with_raised_eyebrow:

我目前正在尝试实现 JWT，但可能有点力不从心🤯。另外，我在想，是否从 settings.meet_jitsi_domain 导入 external_api.js 会比从 https://meet.jit.si 导入更好？

参考链接：https://github.com/pmusaraj/discourse-jitsi/blob/master/javascripts/discourse/initializers/insert-jitsi.js.es6

2 个赞
20

Hmm… lots of errors in the console. This happens on my personal instance and on a new hosted trial site just created. I’m using the default meet.jit.si server, have made no changes to the theme component settings.

I don’t have my own jitsi server (yet) and thought it would work out of the box…

click to see 
Logger.js:154 2020-04-11T19:21:21.250Z [modules/util/JitsiLocalStorage.js] <new <anonymous>>:  DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
    at new <anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:29:197547)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:29:197486)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:29:197742)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:54:98101)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:24:101984)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:29:222225)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:24:213733)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:29:196138)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:24:154819)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:63:41390)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:54:53082)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:54:55490)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:54:165081)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:54:166745)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:126:292708)
    at Object.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:126:323867)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at Module.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:222:80217)
    at n (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:110)
    at https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:908
    at https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:1:919
o @ Logger.js:154
(anonymous) @ JitsiLocalStorage.js:42
(anonymous) @ JitsiLocalStorage.js:77
(anonymous) @ app.bundle.min.js?v=3962.622:29
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:54
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:24
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:29
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:24
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:29
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:24
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:63
n @ bootstrap:19
(anonymous) @ AuthHandler.js:1
(anonymous) @ app.bundle.min.js?v=3962.622:54
n @ bootstrap:19
(anonymous) @ connection.js:1
(anonymous) @ app.bundle.min.js?v=3962.622:54
n @ bootstrap:19
(anonymous) @ conference.js:1
(anonymous) @ app.bundle.min.js?v=3962.622:126
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:222
n @ bootstrap:19
(anonymous) @ bootstrap:83
(anonymous) @ app.bundle.min.js?v=3962.622:1
Show 2 more frames
Logger.js:154 2020-04-11T19:21:21.252Z [features/local-recording] <Object._loadMetadata>:  Failed to parse localStorage item.
o @ Logger.js:154
_loadMetadata @ SessionManager.js:170
(anonymous) @ SessionManager.js:152
(anonymous) @ SessionManager.js:435
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:24
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:29
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:24
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:29
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:24
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:63
n @ bootstrap:19
(anonymous) @ AuthHandler.js:1
(anonymous) @ app.bundle.min.js?v=3962.622:54
n @ bootstrap:19
(anonymous) @ connection.js:1
(anonymous) @ app.bundle.min.js?v=3962.622:54
n @ bootstrap:19
(anonymous) @ conference.js:1
(anonymous) @ app.bundle.min.js?v=3962.622:126
n @ bootstrap:19
(anonymous) @ app.bundle.min.js?v=3962.622:222
n @ bootstrap:19
(anonymous) @ bootstrap:83
(anonymous) @ app.bundle.min.js?v=3962.622:1
Logger.js:154 2020-04-11T19:21:21.309Z [index.web] <HTMLDocument.<anonymous>>:  (TIME) document ready:	 432.6749999891035
react-dom.production.min.js:187 DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
    at Oe._initStorage (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:16:45149)
    at Oe.componentDidMount (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:16:44779)
    at Oe.componentDidMount (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:24:223947)
    at Gs (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:94889)
    at t.unstable_runWithPriority (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:192:3884)
    at fi (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:41540)
    at Ws (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:90890)
    at Ps (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:78509)
    at fc (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:105337)
    at hc (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:105412)
    at https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:106607
    at Bs (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:80044)
    at _c (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:106592)
    at Object.render (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:109864)
    at HTMLDocument.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:222:80940)
La @ react-dom.production.min.js:187
Ga.n.callback @ react-dom.production.min.js:200
Hi @ react-dom.production.min.js:125
Bi @ react-dom.production.min.js:125
Gs @ react-dom.production.min.js:239
t.unstable_runWithPriority @ scheduler.production.min.js:20
fi @ react-dom.production.min.js:113
Ws @ react-dom.production.min.js:230
Ls @ react-dom.production.min.js:206
(anonymous) @ react-dom.production.min.js:114
t.unstable_runWithPriority @ scheduler.production.min.js:20
fi @ react-dom.production.min.js:113
gi @ react-dom.production.min.js:114
mi @ react-dom.production.min.js:113
Bs @ react-dom.production.min.js:208
_c @ react-dom.production.min.js:272
render @ react-dom.production.min.js:273
(anonymous) @ index.web.js:25
react-dom.production.min.js:114 Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
    at Oe._initStorage (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:16:45149)
    at Oe.componentDidMount (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:16:44779)
    at Oe.componentDidMount (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:24:223947)
    at Gs (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:94889)
    at t.unstable_runWithPriority (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:192:3884)
    at fi (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:41540)
    at Ws (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:90890)
    at Ps (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:78509)
    at fc (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:105337)
    at hc (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:105412)
    at https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:106607
    at Bs (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:80044)
    at _c (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:106592)
    at Object.render (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:184:109864)
    at HTMLDocument.<anonymous> (https://web-cdn.jitsi.net/meetjitsi_4004.656/libs/app.bundle.min.js?v=3962.622:222:80940)
gi @ react-dom.production.min.js:114
mi @ react-dom.production.min.js:113
Bs @ react-dom.production.min.js:208
_c @ react-dom.production.min.js:272
render @ react-dom.production.min.js:273
(anonymous) @ index.web.js:25
react-dom.production.min.js:187 TypeError: Cannot read property 'dispatch' of undefined
    at Oe.componentWillUnmount (BaseApp.js:100)
    at react-dom.production.min.js:187
    at Ra (react-dom.production.min.js:189)
    at Ua (react-dom.production.min.js:195)
    at Gs (react-dom.production.min.js:235)
    at t.unstable_runWithPriority (scheduler.production.min.js:20)
    at fi (react-dom.production.min.js:113)
    at Ws (react-dom.production.min.js:230)
    at Ls (react-dom.production.min.js:206)
    at react-dom.production.min.js:114
    at t.unstable_runWithPriority (scheduler.production.min.js:20)
    at fi (react-dom.production.min.js:113)
    at gi (react-dom.production.min.js:114)
    at mi (react-dom.production.min.js:113)
    at Bs (react-dom.production.min.js:208)
    at _c (react-dom.production.min.js:272)
    at Object.render (react-dom.production.min.js:273)
    at HTMLDocument.<anonymous> (index.web.js:25)
La @ react-dom.production.min.js:187
Ga.n.callback @ react-dom.production.min.js:200
Hi @ react-dom.production.min.js:125
Bi @ react-dom.production.min.js:125
Gs @ react-dom.production.min.js:239
t.unstable_runWithPriority @ scheduler.production.min.js:20
fi @ react-dom.production.min.js:113
Ws @ react-dom.production.min.js:230
Ls @ react-dom.production.min.js:206
(anonymous) @ react-dom.production.min.js:114
t.unstable_runWithPriority @ scheduler.production.min.js:20
fi @ react-dom.production.min.js:113
gi @ react-dom.production.min.js:114
mi @ react-dom.production.min.js:113
I @ scheduler.production.min.js:16
H @ scheduler.production.min.js:18
C @ scheduler.production.min.js:13
BaseApp.js:100 Uncaught TypeError: Cannot read property 'dispatch' of undefined
    at Oe.componentWillUnmount (BaseApp.js:100)
    at react-dom.production.min.js:187
    at Ra (react-dom.production.min.js:189)
    at Ua (react-dom.production.min.js:195)
    at Gs (react-dom.production.min.js:235)
    at t.unstable_runWithPriority (scheduler.production.min.js:20)
    at fi (react-dom.production.min.js:113)
    at Ws (react-dom.production.min.js:230)
    at Ls (react-dom.production.min.js:206)
    at react-dom.production.min.js:114
    at t.unstable_runWithPriority (scheduler.production.min.js:20)
    at fi (react-dom.production.min.js:113)
    at gi (react-dom.production.min.js:114)
    at mi (react-dom.production.min.js:113)
    at Bs (react-dom.production.min.js:208)
    at _c (react-dom.production.min.js:272)
    at Object.render (react-dom.production.min.js:273)
    at HTMLDocument.<anonymous> (index.web.js:25)
1 个赞