layout - 更改 BigBlueButton HTML 5 客户端布局

Question

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

• 默认情况下最小化公共聊天窗口
• 默认情况下最小化演示窗口

按照文档，我尝试编辑/var/www/bigbluebutton/client/conf/layout.xml，并将两者ChatWindow0和ChatWindow1 hidden属性都设置为true但没有任何反应！

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

提前致谢！

Answer 1

您需要的信息可以在他们的 Google Group 中找到。但是，我对这些进行了一些研究：

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

• 自定义布局功能正在进行中，以与 Adob​​e 提供的相同功能竞争。不过，他们没有提供有关即将推出的功能的任何信息，也没有提供发布时间。目前，没有简单的方法来真正自定义布局，除非你是 Meteor/React.js 开发专家并且你有时间：

HTML5 中没有像 Flash 中那样的布局定义文件。要实现它，您需要深入研究代码。指向一个需要改变的领域是太大的改变。HTML5 UI 大量使用弹性框来进行排序和定位。

Chad Pilkey，来自 BigBlueButton 核心团队

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