flex + red5实现视频会议java摄像头监控



flex + red5实现视频会议

公司最近要在系统中加视频会议的功能，让我探索，我选择了最流行的red5来实现，网上有一对一聊天的demo，找不到多对多聊天的，也没有具体介绍系统搭建的过程，我通过自己的摸索，将实现的过程和大家一起分享。java的web项目添加flex支持在此不再详述，项目文件结构如图：


web.xml文件：

Java代码  收藏代码
  1. <?xml version=”1.0″ encoding=”UTF-8″?>
  2. <web-app
  3.    version=”2.4″
  4.    xmlns=”http://java.sun.com/xml/ns/j2ee”
  5.    xsi:schemaLocation=”http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd”
  6.    xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”>
  7. <!–
  8.     ** For use with servlet v2.5 replace the lines above with these
  9.     version=”2.5″
  10.     xmlns=”http://java.sun.com/xml/ns/javaee”
  11.     xsi:schemaLocation=”http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd”
  12.    xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
  13. –>
  14.     <display-name>Red5ChartRoom</display-name>
  16.     <context-param>
  17.         <param-name>globalScope</param-name>
  18.         <param-value>default</param-value>
  19.     </context-param>
  21.     <context-param>
  22.         <param-name>parentContextKey</param-name>
  23.         <param-value>default.context</param-value>
  24.     </context-param>
  26.     <context-param>
  27.         <param-name>webAppRootKey</param-name>
  28.         <param-value>@webapp.root.key@</param-value>
  29.     </context-param>
  31.     <context-param>
  32.         <param-name>contextConfigLocation</param-name>
  33.         <param-value>WEB-INF/classes/*-web.xml</param-value>
  34.     </context-param>
  36.     <listener>
  37.         <listener-class>org.red5.server.war.WarLoaderServlet</listener-class>
  38.     </listener>
  40.     <listener>
  41.         <listener-class>org.springframework.web.context.request.RequestContextListener</listener-class>
  42.     </listener>
  44.     <servlet>
  45.         <servlet-name>gateway</servlet-name>
  46.         <servlet-class>org.red5.server.net.servlet.AMFGatewayServlet</servlet-class>
  47.         <load-on-startup>1</load-on-startup>
  48.     </servlet>
  50.     <servlet>
  51.         <servlet-name>rtmpt</servlet-name>
  52.         <servlet-class>org.red5.server.net.rtmpt.RTMPTServlet</servlet-class>
  53.         <load-on-startup>2</load-on-startup>
  54.     </servlet>
  56.      <!– MessageBroker Servlet –>
  57.  <servlet>
  58.   <display-name>MessageBrokerServlet</display-name>
  59.   <servlet-name>MessageBrokerServlet</servlet-name>
  60.   <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class>
  61.   <init-param>
  62.    <param-name>services.configuration.file</param-name>
  63.    <param-value>/WEB-INF/flex/services-config.xml</param-value>
  64.   </init-param>
  65.   <load-on-startup>11</load-on-startup>
  66.  </servlet>
  68.     <servlet-mapping>
  69.         <servlet-name>gateway</servlet-name>
  70.         <url-pattern>/gateway</url-pattern>
  71.     </servlet-mapping>
  73.     <servlet-mapping>
  74.         <servlet-name>rtmpt</servlet-name>
  75.         <url-pattern>/fcs/*</url-pattern>
  76.     </servlet-mapping>
  78.     <servlet-mapping>
  79.         <servlet-name>rtmpt</servlet-name>
  80.         <url-pattern>/open/*</url-pattern>
  81.     </servlet-mapping>
  83.     <servlet-mapping>
  84.         <servlet-name>rtmpt</servlet-name>
  85.         <url-pattern>/idle/*</url-pattern>
  86.     </servlet-mapping>
  88.     <servlet-mapping>
  89.         <servlet-name>rtmpt</servlet-name>
  90.         <url-pattern>/send/*</url-pattern>
  91.     </servlet-mapping>
  93.     <servlet-mapping>
  94.         <servlet-name>rtmpt</servlet-name>
  95.         <url-pattern>/close/*</url-pattern>
  96.     </servlet-mapping>
  98.      <servlet-mapping>
  99.          <servlet-name>MessageBrokerServlet</servlet-name>
  100.         <url-pattern>/messagebroker/*</url-pattern>
  101.     </servlet-mapping>
  103.     <welcome-file-list>
  104.         <welcome-file>login.html</welcome-file>
  105.         <welcome-file>index.html</welcome-file>
  106.         <welcome-file>index.htm</welcome-file>
  107.     </welcome-file-list>
  109.     <security-constraint>
  110.         <web-resource-collection>
  111.             <web-resource-name>Forbidden</web-resource-name>
  112.             <url-pattern>/WEB-INF/*</url-pattern>
  113.         </web-resource-collection>
  114.         <auth-constraint />
  115.     </security-constraint>
  117.     <security-constraint>
  118.         <web-resource-collection>
  119.             <web-resource-name>Forbidden</web-resource-name>
  120.             <url-pattern>/persistence/*</url-pattern>
  121.         </web-resource-collection>
  122.         <auth-constraint />
  123.     </security-constraint>
  125.     <security-constraint>
  126.         <web-resource-collection>
  127.             <web-resource-name>Forbidden</web-resource-name>
  128.             <url-pattern>/streams/*</url-pattern>
  129.         </web-resource-collection>
  130.         <auth-constraint />
  131.     </security-constraint>
  133. </web-app>

red5ChartRoom-web.xml

Java代码  收藏代码
  1. <?xml version=”1.0″ encoding=”UTF-8″?>
  2. <beans xmlns=”http://www.springframework.org/schema/beans”
  3.        xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
  4.        xmlns:lang=”http://www.springframework.org/schema/lang”
  5.        xsi:schemaLocation=”http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
  6.                            http://www.springframework.org/schema/lang http://www.springframework.org/schema/lang/spring-lang-3.0.xsd”>
  7. <bean id=”web.context.chatroom” class=”org.red5.server.Context”>
  8.     <property name=”scopeResolver” ref=”red5.scopeResolver”></property>
  9.     <property name=”clientRegistry” ref=”global.clientRegistry”/>
  10.     <property name=”serviceInvoker” ref=”global.serviceInvoker”/>
  11.     <property name=”mappingStrategy” ref=”global.mappingStrategy”/>
  12. </bean>
  13. <bean id=”web.scope” class=”org.red5.server.WebScope” init-method=”register”>
  14.     <property name=”server” ref=”red5.server”/>
  15.     <property name=”parent” ref=”global.scope”/>
  16.     <property name=”context” ref=”web.context.chatroom”/>
  17.     <property name=”handler” ref=”web.handler.chatroom”/>
  18.     <property name=”contextPath” value=”/Red5ChatRoom”/>
  19.     <property name=”virtualHosts” value=”*,localhost,localhost:8080,127.0.0.1:8080″/>
  20. </bean>
  21. <bean id=”web.handler.chatroom” class=”com.chinahrt.chat.VedioChatApplication”/>
  22. </beans>

 


red5.properties

Java代码  收藏代码
  1. # Socket policy
  2. policy.host=0.0.0.0
  3. policy.port=843
  5. # HTTP
  6. http.host=0.0.0.0
  7. http.port=5080
  8. https.port=8443
  10. # RTMP
  11. rtmp.host=0.0.0.0
  12. rtmp.port=1935
  13. rtmp.io_threads=16
  14. rtmp.connect_threads=4
  15. rtmp.send_buffer_size=271360
  16. rtmp.receive_buffer_size=65536
  17. rtmp.ping_interval=1000
  18. rtmp.max_inactivity=60000
  19. rtmp.tcp_nodelay=true
  21. # RTMPS
  22. rtmps.host=0.0.0.0
  23. rtmps.port=8443
  24. rtmps.ping_interval=5000
  25. rtmps.max_inactivity=60000
  26. rtmps.max_keep_alive_requests=-1
  27. rtmps.max_threads=20
  28. rtmps.acceptor_thread_count=2
  29. rtmps.processor_cache=20
  30. # RTMPS Keystore Password
  31. rtmps.keystorepass=password
  33. # RTMPT
  34. rtmpt.host=0.0.0.0
  35. rtmpt.port=8088
  36. rtmpt.ping_interval=5000
  37. rtmpt.max_inactivity=60000
  38. rtmpt.max_keep_alive_requests=-1
  39. rtmpt.max_threads=20
  40. rtmpt.acceptor_thread_count=2
  41. rtmpt.processor_cache=20
  43. # MRTMP
  44. mrtmp.host=0.0.0.0
  45. mrtmp.server=localhost
  46. mrtmp.port=9035
  47. mrtmp.event_threads_core=4
  48. mrtmp.event_threads_max=32
  49. # event threads queue: -1 unbounded, 0 direct (no queue), n bounded queue
  50. mrtmp.event_threads_queue=0
  51. mrtmp.event_threads_keepalive=60
  52. mrtmp.send_buffer_size=271360
  53. mrtmp.receive_buffer_size=65536
  54. mrtmp.ping_interval=5000
  55. mrtmp.max_inactivity=60000
  56. mrtmp.tcp_nodelay=true
  58. # Debug proxy (needs to be activated in red5-core.xml)
  59. proxy.source_host=127.0.0.1
  60. proxy.source_port=1936
  61. proxy.destination_host=127.0.0.1
  62. proxy.destination_port=1935
  64. # JMX
  65. jmx.rmi.port.registry=9999
  66. jmx.rmi.port.remoteobjects=
  67. jmx.rmi.host=127.0.0.1
  68. jmx.rmi.ssl=false
  71. red5.config_root=red5.config_root
  72. red5.root=E\:apache-tomcat-6.0.33

 

java代码

Java代码  收藏代码
  1. package com.chinahrt.chat;
  3. import java.util.HashMap;
  4. import java.util.Iterator;
  5. import java.util.List;
  6. import java.util.Map;
  7. import java.util.Set;
  9. import org.python.antlr.PythonParser.return_stmt_return;
  10. import org.red5.server.adapter.ApplicationAdapter;
  11. import org.red5.server.api.IConnection;
  12. import org.red5.server.api.IScope;
  13. import org.red5.server.api.Red5;
  14. import org.red5.server.api.service.IServiceCapableConnection;
  15. import org.red5.server.api.so.ISharedObject;
  16. import org.red5.server.api.stream.IBroadcastStream;
  18. /**
  19.  * createBy ZYN
  20.  *
  21.  * createTime 2011-9-16 下午03:33:15
  22.  *
  23.  * desc 视频聊天服务器
  24.  *
  25.  */
  26. public class VedioChatApplication extends ApplicationAdapter {
  28.     private IScope appScope;
  30.     private String userName;
  31.     //共享存贮在线用户
  32.     private ISharedObject listSO;
  34.     private Map<String,IConnection> onlineList = new HashMap<String,IConnection> ();//在线用户表
  36.     //程序运行
  37.     //程序运行时志向
  38.     public boolean appStart(IScope app) {
  39.       if (!super.appStart(app)) {
  40.           return false;
  41.       }
  42.       appScope = app;
  43.       return true;
  44.     }
  45.     @Override
  46.     public boolean appConnect(IConnection arg0, Object[] arg1) {
  47.       /**
  48.        *  用户首次连接server 时触发，检查用户是否重复登录，将用户添加到在线用户表中
  49.        */
  50.       String userId=arg0.getClient().getId();
  51.       if(!super.appConnect(arg0, arg1)){
  52.        return false;
  53.       }
  54.       if (arg1 != null ) {
  55.        userName = (String) arg1[0];
  56.       }
  57.       if(onlineList.get(userName) != null){
  58.        rejectClient(“请不要重复登录”);
  59.        return false;
  60.       }
  61.       onlineList.put(userName, arg0);
  62.       listSO = getSharedObject(appScope, ”listSO”, false);
  63.       listSO.setAttribute(userId, userName);
  64.       System.out.println(“The user:”+userName+”,”+userName+” logined successfully”);
  65.       return true;
  66.     }
  67.     /**
  68.       * 通知所有人当前用户登录
  69.       * @param params
  70.       */
  71.     public void getOnloadUser(Object[] params) {
  72.       String clientName = params[0].toString();
  73.       if(null == clientName || ”".equals(clientName)) {
  74.          return ;
  75.        }
  76.       //给所有客户端数据
  77.        IScope scope = Red5.getConnectionLocal().getScope();
  78.        Iterator it = scope.getConnections().iterator();
  79.        for (;it.hasNext();) {
  80.         Set connections = (Set)it.next();
  81.         IConnection tempConn = (IConnection)connections.iterator().next();
  82.         if (tempConn instanceof IServiceCapableConnection) {
  83.          IServiceCapableConnection sc = (IServiceCapableConnection) tempConn;
  84.          sc.invoke(“result_getOnloadUser”, new Object[]{clientName});
  85.         }
  86.        }
  87.     }
  88.     //聊天
  89.       public void sayToAll(Object[] params) {
  90.        IConnection conn = Red5.getConnectionLocal();
  91.        String user_id = conn.getClient().getId();
  92.        String clientName =(String) listSO.getAttribute(user_id);
  93.        System.out.println(“************发言者是：”+clientName);
  94.        String sayToName=params[0]==null?”":params[0].toString().trim();
  95.        String sayWhat=params[1]==null?”":params[1].toString().trim();
  96.        if(“”.equals(sayToName)||”All”.equals(sayToName))// 发消息给聊天室的所有人.
  97.        {
  98.         IScope scope = Red5.getConnectionLocal().getScope();
  99.         Iterator it = scope.getConnections().iterator();
  100.         for (;it.hasNext();) {
  101.           Set connections = (Set)it.next();
  102.           IConnection tempConn = (IConnection)connections.iterator().next();
  103.          if (tempConn instanceof IServiceCapableConnection) {
  104.              IServiceCapableConnection sc = (IServiceCapableConnection) tempConn;
  105.           // 调用客户端showMessage方法。
  106.              sc.invoke(“showMessage”, new Object[]{clientName+” to All:”+sayWhat});
  107.           }
  108.        }
  109.        }else{
  110.          IConnection tempConn=onlineList.get(sayToName);
  111.          if (tempConn instanceof IServiceCapableConnection) {
  112.           IServiceCapableConnection sc = (IServiceCapableConnection) tempConn;
  113.           sc.invoke(“showMessage”, new Object[]{clientName+” to ”+sayToName+”:”+sayWhat});
  114.           }
  115.          IServiceCapableConnection sc = (IServiceCapableConnection) conn;
  116.          sc.invoke(“showMessage”, new Object[]{clientName+” to ”+sayToName+”:”+sayWhat});
  117.        }
  118.       }
  119.     // 用户断开连接的时候触发
  120.       public void appDisconnect(IConnection conn) {
  121.        String dis_user_id = conn.getClient().getId();
  122.        String user = (String) listSO.getAttribute(dis_user_id);
  123.        // 根据ID删除对应在线纪录
  124.        onlineList.remove(user);
  125.        // 删除用户列表共享对象的对应属性
  126.        listSO.removeAttribute(dis_user_id);
  127.        IScope scope = Red5.getConnectionLocal().getScope();
  128.         Iterator it = scope.getConnections().iterator();
  129.         for (;it.hasNext();) {
  130.          Set connections = (Set)it.next();
  131.          IConnection tempConn = (IConnection)connections.iterator().next();
  132.          if (tempConn instanceof IServiceCapableConnection) {
  133.              IServiceCapableConnection sc = (IServiceCapableConnection) tempConn;
  134.            // 服务器端调用客户端flash方法。
  135.              sc.invoke(“disconnectMessage”, new Object[]{user});
  136.           }
  137.         }
  138.       }
  141. }

flex端代码

Java代码  收藏代码
  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute”>
  3.     <mx:Script>
  4.         <![CDATA[
  5.             import mx.collections.ArrayCollection;
  6.             import mx.containers.HBox;
  7.             import mx.controls.Alert;
  10.             private var listSO:SharedObject;
  11.             private var userArr:Array;
  12.             private var conn:NetConnection;
  13.             private var localUsername:String;
  14.             [Bindable]
  15.             private var cam:Camera;
  16.             [Bindable]
  17.             private var mic:Microphone;
  18.             [Bindable]
  19.             public var cards:ArrayCollection;
  20.             public var videoUsers:Array;
  21.             [Bindable]
  22.             public var videoControlArr:Array;
  24.             private var stm:NetStream;
  25.             [Bindable]
  26.             private var video_self:Video;
  28.             protected function login(event:MouseEvent):void
  29.             {
  30.                 localUsername = txt_name.text;
  31.                 if(localUsername== ”"){
  32.                     Alert.show(“用户名不能为空”);
  33.                 }else{
  34.                     if(conn == null){
  35.                         conn = new NetConnection();
  36.                         conn.client = this;
  37.                         conn.addEventListener(NetStatusEvent.NET_STATUS,_statusHandler);
  38.                         conn.connect(“rtmp://192.168.1.61/Red5ChatRoom”,localUsername);
  39.                     }
  40.                 }
  41.             }
  43.             //状态监听
  44.             private function _statusHandler(evt:NetStatusEvent):void
  45.             {
  46.                 if(evt.info.code == ”NetConnection.Connect.Success”){
  47.                     this.currentState = ”chat”;
  48.                     Alert.show(“连接成功”);
  49.                     video_clickHandler();
  50.                     this.showJoinInInfo(localUsername);
  51.                     _setListSO();
  54.                 }
  55.                 if(evt.info.code == ”NetConnection.Connect.Failed”){
  56.                     Alert.show(“连接失败”);
  57.                 }
  58.                 if(evt.info.code == ”NetConnection.Connect.Closed”){
  59.                     Alert.show(“连接关闭”);
  60.                 }
  61.             }
  63.             public function showJoinInInfo(message:String):void
  64.             {
  65.                 conn.call(“getOnloadUser”,null,message);
  66.             }
  68.             public function result_getOnloadUser(str:String):void{
  69.                 txt_chatmsg.text += str + ”加入聊天室” + ”\n”;
  70.             }
  71.             //创建用户列表共享对象
  72.             private function _setListSO():void
  73.             {
  74.                 listSO = SharedObject.getRemote(“listSO”,conn.uri,false);
  75.                 listSO.connect(conn);
  76.                 listSO.addEventListener(SyncEvent.SYNC,_listSOSyncHandler);
  77.             }
  79.             //用户列表共享对象被更新之后的事件
  80.             private function _listSOSyncHandler(evt:SyncEvent):void{
  81.                 _showUserList();//更新用户列表
  82.             }
  84.             private function _showUserList():void
  85.             {
  86.                 cards = new ArrayCollection(
  87.                     [{label:"All"}]
  88.                 );
  89.                 userArr = new Array();
  90.                 //用户数组更新
  91.                 for(var tmp:String in listSO.data){
  92.                     userArr.push(listSO.data[tmp]);
  93.                 }
  94.                 //添加到arrayCollection
  95.                 for(var i:int = 0; i<userArr.length;i++){
  96.                     cards.addItem({label:userArr[i]});
  97.                 }
  98.                 //将数组添加到列表数组中显示出来
  99.                 userList.dataProvider = cards;
  100.                 users.dataProvider = cards;
  101.                 addVideo(cards);
  102.             }
  104.             public function showMessage(message:String):void
  105.             {
  106.                 txt_chatmsg.text += message + ”\n”;
  107.             }
  109.             protected function sendMessage(event:MouseEvent):void
  110.             {
  111.                 var sendString:String = txt_yousay.text;
  112.                 var sendTo:String = userList.selectedItem.label;
  113.                 txt_yousay.text = ”";
  114.                 conn.call(“sayToAll”,null,sendTo,sendString);
  115.             }
  117.             //断线通知
  118.             public function disconnectMessage(disUser:String):void
  119.             {
  120.                 txt_chatmsg.text += disUser+”退出聊天室\n”;
  121.             }
  122.             //进入视频会议
  123.             public function video_clickHandler():void
  124.             {
  125.                 stm = new NetStream(conn);
  126.                 cam = Camera.getCamera();
  127.                 if(cam==null){
  128.                     Alert.show(“没有可以使用的摄像头”);
  129.                     return;
  130.                 }else{
  131.                     Security.showSettings(SecurityPanel.PRIVACY);
  132.                     cam.addEventListener(StatusEvent.STATUS,statusHandler);
  133.                     cam.addEventListener(ActivityEvent.ACTIVITY,activityHandler);
  134.                     cam.setLoopback(true);
  135.                     cam.setMotionLevel(50,100);
  136.                     cam.setMode(1280,960,15,true);
  137.                     stm.attachCamera(cam);
  138.                 }
  139.                 mic = Microphone.getMicrophone();
  140.                 mic.addEventListener(StatusEvent.STATUS,micOnstatu);
  141.                 if(mic == null){
  142.                     Alert.show(“没有可以使用的麦克风”);
  143.                 }else{
  144.                     mic.setUseEchoSuppression(true);
  145.                     stm.attachAudio(mic);
  146.                 }
  147.                 stm.play(“chinahrt-”+txt_name.text);
  148.                 stm.publish(“chinahrt-”+txt_name.text,”live”);
  149.                 video_self = new Video();
  150.                 video_self.width = 320;
  151.                 video_self.height = 240;
  152.                 video_self.attachCamera(cam);
  153.                 my_video.addChild(video_self);
  155.             }
  157.             private function micOnstatu(e:StatusEvent):void
  158.             {
  159.                 mic.setLoopBack(true);
  160.                 mic.gain = 66;
  161.                 mic.rate = 11;
  162.                 mic.setUseEchoSuppression(true);
  163.                 mic.setSilenceLevel(1,-1);
  164.             }
  166.             private function statusHandler(e:StatusEvent):void
  167.             {
  169.             }
  171.             private function activityHandler(e:ActivityEvent):void
  172.             {
  174.             }
  176.             private function addVideo(cards:ArrayCollection):void
  177.             {
  178.                 label1.text = ”我的(“+localUsername+”)”;
  179.                 myBox.removeAllChildren();
  180.                 var otherPerson:ArrayCollection = new ArrayCollection();
  181.                 for(var i:int=0;i<cards.length;i++){
  182.                     var o:Object = cards.getItemAt(i);
  183.                     if(o["label"]!=localUsername&&o["label"]!=”All”){
  184.                         otherPerson.addItem(o);
  185.                     }
  186.                 }
  187.         //      Alert.show(otherPerson.length+”");
  188.                 var yushu:int = 0;
  189.                 var yushu:int= otherPerson.length%3;
  190.                 var rowNum:int = 0;
  191.                 var rowNum:int = otherPerson.length/3;
  193.                 if(yushu!=0){
  194.                     rowNum += 1;
  195.                 }
  196.                 if(yushu==0){
  197.                     for(var i:int=0;i<rowNum;i++){
  198.                         var hbox:HBox = new HBox();
  199.                         myBox.addChild(hbox);
  200.                         for(var ii:int=0;ii<3;ii++){
  201.                             var vbox:VBox = new VBox();
  202.                             hbox.addChild(vbox);
  203.                             var label:Label = new Label;
  204.                             label.text = otherPerson.getItemAt(i*3+ii)["label"];
  205.                             vbox.addChild(label);
  206.                             var videoDisplay:VideoDisplay = new VideoDisplay();
  207.                             videoDisplay.live = true;
  208.                             videoDisplay.width = 320;
  209.                             videoDisplay.height = 240;
  210.                             vbox.addChild(videoDisplay);
  211.                             var video:Video = new Video();
  212.                             video.width = 320;
  213.                             video.height = 240;
  214.                             var netStream:NetStream = new NetStream(conn);
  215.                             video.attachNetStream(netStream);
  216.                             netStream.play(“chinahrt-”+label.text);
  218.                             videoDisplay.addChild(video);
  219.                         }
  220.                     }
  221.                 }else{
  222.                     for(var i:int=0;i<rowNum-1;i++){
  223.                         var hbox:HBox = new HBox();
  224.                         myBox.addChild(hbox);
  225.                         for(var ii:int=0;ii<3;ii++){
  226.                             var vbox:VBox = new VBox();
  227.                             hbox.addChild(vbox);
  228.                             var label:Label = new Label;
  229.                             label.text = otherPerson.getItemAt(i*3+ii)["label"];
  230.                             vbox.addChild(label);
  231.                             var videoDisplay:VideoDisplay = new VideoDisplay();
  232.                             videoDisplay.live = true;
  233.                             videoDisplay.width = 320;
  234.                             videoDisplay.height = 240;
  235.                             vbox.addChild(videoDisplay);
  236.                             var video:Video = new Video();
  237.                             video.width = 320;
  238.                             video.height = 240;
  239.                             var netStream:NetStream = new NetStream(conn);
  240.                             video.attachNetStream(netStream);
  241.                             netStream.play(“chinahrt-”+label.text);
  242.                             videoDisplay.addChild(video);
  243.                         }
  244.                     }
  245.                     var hbox:HBox = new HBox();
  246.                     myBox.addChild(hbox);
  247.                     for(var i:int=0;i<yushu;i++){
  248.                         var vbox:VBox = new VBox();
  249.                         hbox.addChild(vbox);
  250.                     //  myBox.addChild(vbox);
  251.                         var label:Label = new Label();
  252.                         label.text = otherPerson.getItemAt((rowNum-1)*3+i)["label"];
  253.                         vbox.addChild(label);
  254.                         var videoDisplay:VideoDisplay = new VideoDisplay();
  255.                         videoDisplay.live = true;
  256.                         videoDisplay.width = 320;
  257.                         videoDisplay.height = 240;
  258.                         vbox.addChild(videoDisplay);
  259.                         var video:Video = new Video();
  260.                         video.width = 320;
  261.                         video.height = 240;
  262.                         var netStream:NetStream = new NetStream(conn);
  263.                     //  Alert.show(otherPerson.getItemAt((rowNum-1)*3+i)["label"]);
  264.                         video.attachNetStream(netStream);
  265.                         netStream.play(“chinahrt-”+label.text);
  267.                         videoDisplay.addChild(video);
  268.                     }
  269.                 }
  271.             }
  272.         ]]>
  273.     </mx:Script>
  275.     <mx:states>
  276.         <mx:State id=”chatState” name=”chat”>
  277.             <mx:SetProperty target=”{form1}” name=”width” value=”0″/>
  278.             <mx:SetProperty target=”{form1}” name=”height” value=”0″/>
  279.             <mx:SetProperty target=”{form1}” name=”x” value=”0″/>
  280.             <mx:SetProperty target=”{form1}” name=”y” value=”0″/>
  281.             <mx:AddChild position=”lastChild”>
  282.                 <mx:Panel x=”10″ y=”10″ width=”381″ height=”370″ layout=”absolute” title=”聊天信息”>
  284.                     <mx:TextArea x=”10″ y=”10″ width=”215″ height=”235″ id=”txt_chatmsg”/>
  285.                     <mx:ComboBox x=”233″ y=”34″ width=”118″ id=”userList”></mx:ComboBox>
  286.                     <mx:Label x=”233″ y=”11″ text=”用户列表”/>
  287.                     <mx:DataGrid x=”233″ y=”64″ height=”256″ id=”users” width=”118″>
  288.                         <mx:columns>
  289.                             <mx:DataGridColumn headerText=”用户名” dataField=”label”/>
  290.                         </mx:columns>
  291.                     </mx:DataGrid>
  292.                     <mx:TextInput x=”10″ y=”253″ height=”67″ width=”150″ id=”txt_yousay”/>
  293.                     <mx:Button x=”168″ y=”253″ label=”发送” width=”57″ click=”sendMessage(event)”/>
  294.                 <!– <mx:Button x=”168″ y=”298″ label=”进入视频会议” width=”57″ click=”video_clickHandler(event)”/>–>
  295.                 </mx:Panel>
  296.             </mx:AddChild>
  297.             <mx:AddChild position=”lastChild”>
  298.                 <mx:VideoDisplay live=”true” x=”10″ y=”410″  width=”320″ height=”240″ id=”my_video”/>
  299.             </mx:AddChild>
  300.             <mx:AddChild position=”lastChild”>
  301.                 <mx:Label id=”label1″ x=”10″ y=”390″ text=”我的”/>
  302.             </mx:AddChild>
  303.             <!–<mx:AddChild position=”lastChild”>
  304.                 <mx:VideoDisplay live=”true”  x=”399″ y=”224″  width=”320″ height=”240″ id=”other_video”/>
  305.             </mx:AddChild>
  306.             <mx:AddChild position=”lastChild”>
  307.                 <mx:Label x=”399″ y=”198″ text=”对方的”/>
  308.             </mx:AddChild> –>
  309.             <mx:AddChild position=”lastChild”>
  310.                 <mx:VBox id=”myBox” x=”399″ y=”10″/>
  311.             </mx:AddChild>
  312.         </mx:State>
  313.     </mx:states>
  315.     <mx:Form x=”10″ y=”10″ width=”283″ height=”126″ id=”form1″>
  316.         <mx:FormItem label=”用户名：”>
  317.             <mx:TextInput id=”txt_name”/>
  318.         </mx:FormItem>
  319.         <mx:FormItem>
  320.             <mx:Button label=”登陆” click=”login(event)”/>
  321.         </mx:FormItem>
  322.     </mx:Form>
  323. </mx:Application>

百度网盘：http://pan.baidu.com/s/1hqkgBly