Openmeetings视频窗口布局的实现

今天应客户要求，在视频会议中有时候视频窗口比较多，最好通过按钮自动按表格方式布局，所以在视频会议中进行了一番

 

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