更改 BigBlueButton HTML 5 客户端布局

Change BigBlueButton HTML 5 Client Layout

我正在尝试进行一些布局更改,例如

docs 之后,我尝试编辑 /var/www/bigbluebutton/client/conf/layout.xml,并将 ChatWindow0ChatWindow1 hidden 属性 都设置为 true 但什么也没发生!

如何为 HTML5 客户端创建自定义布局?

提前致谢!

您需要的信息可以在他们的 Google 群组中找到。然而,我对这些做了一些研究:

  • 他们的方法是移动优先,移动设备上的默认布局遵循这种方法。但是,如果您想更改此行为,您可以打开 /var/www/bigbluebutton/client/conf/layout.xml,您可以在其中找到要设置的不同布局。此外,您可以根据需要自定义布局。您缺少的关键部分可能是没有重新加载应用程序:bbb-conf --restart。如果这不起作用,请尝试重新编译项目。

  • 自定义布局 功能中有一个 work in progress,可与 Adob​​e 提供的相同功能竞争。不过,他们没有提供有关即将推出的功能的任何信息,也没有提供发布时间。目前,没有简单的方法真正自定义布局,除非您是 Meteor/React.js 开发专家并且您有时间:

There's no layout definition file in HTML5 like there is in Flash. To implement it, you would need to dig into the code pretty heavily. It would be too big of a change to point to one area to change. The HTML5 UI uses flex boxes heavily for ordering and positions.

Chad Pilkey,来自 BigBlueButton 核心团队

我发现在不破坏其他部分的情况下很难修改代码,但您始终可以从浏览 imports 目录开始。所有组件和样式所在的位置。看看 ./bigbluebutton-html5/imports/ui/components/app/styles.scss 也可以让您对总体布局有一个很好的了解。