[FMS]一步一步学Flash Media Server(五)

关注

原创最新推荐文章于 2017-02-24 22:19:57 发布 1.4k 阅读 AI 写同款· GEO 优化 ›

使用FMS 4.5(Flash Media Server 4.5) 搭建视频直播（HLS）服务端软件Flash Media Server 4.51、下载后一路next，注意如果要搭建hls，就是http的直播，fms会自动安装Apache。 2、默认的管理页面是\Adobe\Flash Media Server 4.5\tools\fms_adminConsole.htm 3、Apache的documentroot 默认目录是：\Adobe\Flash Media Server 4. 阅读详情

今天我们的讲解的是在昨天代码的功能上加上在线列表的功能,同时会去掉共享对象,用另一种方法向客户端发消息.

先看看服务端代码我们更改些什么代码:

application.onAppStart = function() {
    this.chatMsgArray = new Array();
    this.userListArray = new Array();
}

application.onConnect = function(client, userName) {
    if(checkOnline(userName)){
        this.rejectConnection(client);
        return;
    }
    this.acceptConnection(client);
    client.userName = userName;
    this.userListArray.push(userName);
    sendUserList();
    //客户端调用方法
    client.getMsg = function(){
        return application.chatMsgArray;
    }
    client.sendMsg = function(msg){
        var chatInfo = this.userName + " : " + msg;
        application.chatMsgArray.push(chatInfo);
        sendMsgToClient(chatInfo);
    }
}

application.onDisconnect = function(client) {
    trace("用户:"+client.userName+" 离开");
    var len = this.userListArray.length;
    for(var i=0;i<len;i++){
        if(this.userListArray[i] == client.userName){
            this.userListArray.splice(i,1);
            sendUserList();
        }
    }
}

application.onAppStop = function() {
    delete this.chatMsg_so;
}

function checkOnline(userName){
    var len = application.userListArray.length;
    for(var i=0;i<len;i++){
        if(application.userListArray[i] == userName){
            return true;
        }
    }
    return false;
}

function sendMsgToClient(chatInfo){
    var len = application.clients.length;
    for(var i=0;i<len;i++){
        application.clients[i].call("getMsgInfo",null,chatInfo);
    }
}

function sendUserList(){
    var len = application.clients.length;
    for(var i=0;i<len;i++){
        application.clients[i].call("getUserList",null,application.userListArray);
    }
}

this.chatMsgArray = new Array();
this.userListArray = new Array();

这两个定义的数组是在开始定义的,chatMsgArray是存储所有的聊天信息,userListArray是一个存储在线列表的数组

当用户连接进来的时候,我们用了一个函数checkOnline来检查用户是不是在在线列表中,如果在就用this.rejectConnection(client);拒绝这个连接,如果不在就接受这个连接并加到在线列表中

sendUserList函数是向所以客户端发送在线列表信息,application.clients是一个存储所以客户端连接的信息,application.clients.call就是调用客户端函数,使用方法跟客户端调服务器端是一样的.

然后我们增加了1个供客户端调用的函数

client.getMsg = function(){
return application.chatMsgArray;
}

client.getMsg是返回所有的聊天信息,当用户第一次连接时,得到别人的聊天记录

在用户断开连接的时候增加了将断线用户从在线列表中清除,并且发送在线列表.

再来看看客户端代码:

package net.smilecn.chat{

    import flash.display.Sprite;
    import flash.net.NetConnection;
    import flash.net.Responder;
    import flash.events.NetStatusEvent;
    import flash.events.SyncEvent;
    import flash.events.MouseEvent;
    import fl.controls.TextArea;
      import fl.controls.Button;
      import fl.controls.TextInput;
    import fl.controls.Label;
    import fl.controls.List;
    import fl.data.DataProvider;


    public class Chat extends Sprite{

        private var nc:NetConnection;
        private var rtmpUrl:String = "rtmp://localhost/chat";
        private var msg:Label;
        private var userNameInput:TextInput;
        private var enterBtn:Button;
        private var button:Button;
        private var textArea:TextArea;
        private var textInput:TextInput;
        private var userList:List;

        private var userName:String = "user002";

        public function Chat():void{
            userNameInput = new TextInput();
            userNameInput.move(100,200);
            addChild(userNameInput);
            enterBtn = new Button();
            enterBtn.move(220,200);
            enterBtn.label = "进入";
            addChild(enterBtn);
            enterBtn.addEventListener(MouseEvent.CLICK,enterBtnClickHandler);
            msg = new Label();
            msg.move(100,230);
            msg.text = "";
            addChild(msg);
        }

        private function enterBtnClickHandler(event:MouseEvent):void{
            if(userNameInput.text!=""){
                userName = userNameInput.text;
                removeChild(userNameInput);
                removeChild(enterBtn);
                removeChild(msg);

                textArea=new TextArea();
                textArea.setSize (200,300);
                textArea.move (20,20);
                addChild (textArea);

                textInput=new TextInput();
                textInput.width = 140;
                textInput.move (20,330);
                addChild (textInput);

                   button=new Button();
                button.width=50;
                   button.label="发送";
                   button.move (170,330);
                addChild(button);
                button.addEventListener (MouseEvent.CLICK,sendMsg);

                userList = new List();
                userList.move(250,20);
                userList.setSize(100,300);
                addChild(userList);

                nc=new NetConnection();
                nc.addEventListener (NetStatusEvent.NET_STATUS,netStatusHandler);
                nc.connect (rtmpUrl,userName);
                nc.client = this;
            }else{
                msg.text = "请输入用户名";
            }

        }

        private function netStatusHandler(event:NetStatusEvent):void{
            trace("event.info.code:",event.info.code);
            if(event.info.code == "NetConnection.Connect.Success"){
                nc.call("getMsg",new Responder(getMsgResult,getMsgFault))
            }
        }

        private function getMsgResult(re:Array):void{
            var s:String="";
            var len:Number = re.length;
            for(var i=0;i<len;i++){
                s += re[i]+" ";
            }
            textArea.text = s;
        }

        private function getMsgFault(fe:*):void{
            trace(fe);
        }

        private function sendMsg (e:MouseEvent):void{
            nc.call("sendMsg",null,textInput.text);
            textInput.text = "";
        }

        public function getMsgInfo(msg:String):void{
            textArea.appendText(msg+" ");
        }

        public function getUserList(list:Array):void{
            userList.dataProvider = new DataProvider(list);
        }
    }

}

客户端首先增加了一个用户输入名字,这是些简单的代码.

然后共享对象的那部份去掉了,加了句这样的代码:nc.client = this;

这句话的意思是指定当前对象为服务器回调方法的对象

public function getMsgInfo(msg:String):void{
textArea.appendText(msg+"/n");
}

public function getUserList(list:Array):void{
userList.dataProvider = new DataProvider(list);
}

这两个方法就是服务器调用的方法.

在nc连接成功的地方加了句nc.call("getMsg",new Responder(getMsgResult,getMsgFault)),这句是在刚连接成功的时候得到以前用户的聊天记录.

顺便说一句,客户端代码用到了组件,所以要把这些组件放到库中才能运行,上一节也是这样的.

下节继续.

(本教程如需转载请注明出处!)

收录于