更改 BigBlueButton HTML 5 客户端布局
Change BigBlueButton HTML 5 Client Layout
我正在尝试进行一些布局更改,例如
- 默认最小化public聊天windows
- 默认最小化演示文稿window
在 docs 之后,我尝试编辑 /var/www/bigbluebutton/client/conf/layout.xml
,并将 ChatWindow0
和 ChatWindow1
hidden
属性 都设置为 true
但什么也没发生!
如何为 HTML5 客户端创建自定义布局?
提前致谢!
您需要的信息可以在他们的 Google 群组中找到。然而,我对这些做了一些研究:
他们的方法是移动优先,移动设备上的默认布局遵循这种方法。但是,如果您想更改此行为,您可以打开 /var/www/bigbluebutton/client/conf/layout.xml
,您可以在其中找到要设置的不同布局。此外,您可以根据需要自定义布局。您缺少的关键部分可能是没有重新加载应用程序:bbb-conf --restart
。如果这不起作用,请尝试重新编译项目。
自定义布局 功能中有一个 work in progress,可与 Adobe 提供的相同功能竞争。不过,他们没有提供有关即将推出的功能的任何信息,也没有提供发布时间。目前,没有简单的方法真正自定义布局,除非您是 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
也可以让您对总体布局有一个很好的了解。
我正在尝试进行一些布局更改,例如
- 默认最小化public聊天windows
- 默认最小化演示文稿window
在 docs 之后,我尝试编辑 /var/www/bigbluebutton/client/conf/layout.xml
,并将 ChatWindow0
和 ChatWindow1
hidden
属性 都设置为 true
但什么也没发生!
如何为 HTML5 客户端创建自定义布局?
提前致谢!
您需要的信息可以在他们的 Google 群组中找到。然而,我对这些做了一些研究:
他们的方法是移动优先,移动设备上的默认布局遵循这种方法。但是,如果您想更改此行为,您可以打开
/var/www/bigbluebutton/client/conf/layout.xml
,您可以在其中找到要设置的不同布局。此外,您可以根据需要自定义布局。您缺少的关键部分可能是没有重新加载应用程序:bbb-conf --restart
。如果这不起作用,请尝试重新编译项目。自定义布局 功能中有一个 work in progress,可与 Adobe 提供的相同功能竞争。不过,他们没有提供有关即将推出的功能的任何信息,也没有提供发布时间。目前,没有简单的方法真正自定义布局,除非您是 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
也可以让您对总体布局有一个很好的了解。