今天应客户要求,在视频会议中有时候视频窗口比较多,最好通过按钮自动按表格方式布局,所以在视频会议中进行了一番
laszlo编程,涉及到的核心代码只需要增加一个函数而已,代码如下:
<method name="layoutVWnd" args="fencinum"> <![CDATA[ var inum = fencinum; if (inum==null){ inum = 2; } var videoContainer = this._videoviewcontent; if (this.userNewVideoContainer) { videoContainer = parent.parent._videoviewcontent; } for(var i=0;i<videoContainer.subviews.length;i++){ var curView = videoContainer.subviews[i]; var newx = (i%inum)*128; var newy = 0; if ( i >= inum) { newy += 140*(Math.floor(i/inum)); } curView.setAttribute('x',newx); curView.setAttribute('y',newy); } ]]> </method>
运行的默认效果如下(每行2个):
点击每行4列排列菜单,效果如下:
这样做的好处是视频会议视频人数比较多的时候,通过一个菜单即可完成调整,无需再进行拖拉繁复的工作,细节调整使用拖拉操作即可!
整合视频会议系统测试API:http://api.faqee.com/test.html
项目测试地址:http://t.faqee.com