`
freeroy
  • 浏览: 74900 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FMS3系列(六):使用远程共享对象(SharedObject)实现多人时时在线聊天(Flex | Flash)

阅读更多

FMS开发中,经常会使用共享对象来同步用户和存储数据。对于实现广播文字信息实现聊天的支持非常强大,还可以跟踪用户的时时动作,在开发Flash多人在线游戏中的应用也非常广阔。

      在使用FMS开发共享对象时需要注意,只有使用Flash Media Interactive Server或Flash Media Development Server这两个版本时才能够创建和使用远程共享对象,来实现多客户端的应用程序之间共享数据。如果是使用的Flash Media Streaming Server版FMS是不能创建远程共享对象的,只能创建本地共享对象,类似于传统Web开发中的Cookie。

      使用共享对象(SharedObject)来开发时时文字聊天其实是很简单的,SharedObject可以跟踪和广播消息,连接到SharedObject中的其中任何一个客户端改变了SharedObject中的数据,SharedObject就会将最新的数据广播到连接到它的所有客户端。从某种角度可以理解为远程的SharedObject是一个同步很多用户的一个网络中心。下图为官方发布的SharedObject广播消息图:

                  

      

      本文是通过实现一个简单的文字聊天来介绍FMS中的远程共享对象的使用,首先在FMS中建立好应用程序名,既在FMS的安装目录下的applications下建立一文件夹,来作为共享对象应用程序使用,如下图所示:

                  

      如上图,SharedObjectApp就是为实现聊天建立的一个FMS应用文件夹,其下的sharedobjects/_definse_为成功创建远程对象后自动生成的目录。如果你所创建的为永久性的远程共享对象,则在该目录下还将会有一个以.fso为扩展名的远程共享对象文件。

      要创建远程共享对象,首先需要连接到FMS应用,然后通过SharedObject.getRemote()方法来完成远程共享对象的创建,通过给远程共享对象添加同步事件监听,远程共享对象里的数据一但发生改变就会自动触发该事件,来实现同步数据。

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->private function onClick():void
{
    nc 
= new NetConnection();
    nc.connect(
"rtmp://192.168.1.101/SharedObjectApp");
    nc.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
}

private function onNetStatusHandler(evt:NetStatusEvent):void
{
    
this.panChat.title+="("+evt.info.code+")";
    
if(evt.info.code=="NetConnection.Connect.Success")
    {
        
//创建一个远程共享对象
        
//参数:远程共享对象的名称 | 连接到的应用程序的URI | 远程共享对象是否为永久远程对象
        so = SharedObject.getRemote("RemotingSO",nc.uri,true); //将生成SO.fso
        
//远程对象(SharedObject)同步事件的监听
        so.addEventListener(SyncEvent.SYNC,onSyncHandler);
        
//远程共享对象连接到服务器
        so.connect(nc);
    }
}

 

      上面代码块实现了连接到FMS应用,成功连接后便创建远程共享对象(RemotingSO),同时还为远程共享对象添加了同步事件监听,通过onSyncHandler方法来处理事件。

      在继续实现聊天功能前,我们需要编写一个通用方法,该方法提供将一个数组里的数据转移到另一个数组,如下代码块:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->private function convertArrayCollection(arrNew:ArrayCollection,arrOld:ArrayCollection):void
{
     arrNew.removeAll();
  
     
for(var i:int=0;i<arrOld.length ;i++)
     {
          arrNew.addItemAt(arrOld.getItemAt(i),i);
     }
}

 

      下面我们通过发送消息的流程开始,首先是发送消息,通过自定义Message类来封装消息内容:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1 package flex.VO
 2 {
 3     public class Message
 4     {
 5         public var NickName:String;  //用户呢称
 6         public var Context:String;    //消息内容
 7         
 8         public function Message()
 9         {
10         }
11     }
12 }

 

      在发送消息的时候,通过此Message类来封装发送消息的数据,然后将其发布到FMS中的远程共享对象,更新远程共享对象中的数据。

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->private function onSend():void
{
    var tempCollection:ArrayCollection 
= new ArrayCollection();
    
if(so.data.msgCollection != null)
    {
        convertArrayCollection(tempCollection,so.data.msgCollection 
as ArrayCollection);
    }
    
    var msg:Message 
= new Message();
    msg.NickName 
= this.txtUser.text;
    msg.Context 
= this.txtMessage.text;
    tempCollection.addItem(msg);
    //更新远程共享对象中的属性值
    so.setProperty(
"msgCollection",tempCollection);
    
    
this.txtMessage.text="";
}

 

      实现了发送消息(将消息添加到远程共享对象并更新远程共享对象的属性值),如果有多个客户端连接到该远程共享对象,这时就回触发远程共享对象的同步事件,通过同步事件处理方法就可以将远程共享对象中的数据同步到客户端。如下代码块:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->private function onSyncHandler(evt:SyncEvent):void
{
    
if(so.data.msgCollection!=null)
    {
        var tempCollection:ArrayCollection 
= new ArrayCollection();
        convertArrayCollection(tempCollection,so.data.msgCollection 
as ArrayCollection);
        
        
this.msgText.text="";
        
for(var index:int=0;index<tempCollection.length;index++)
        {
            var message:Object 
= tempCollection.getItemAt(index);
            var displayMessage:String 
= message.NickName+"说:"+message.Context;
            
this.msgText.text += displayMessage + "\n";
        }
    }
}

 

      如上便完成了整个文字聊天的功能开发,主要应用到的技术点就是通过远程共享对象来同步用户数据。下面为完整的Flex端代码:

完整的Flex端代码
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12">
    
<mx:Script>
        
<![CDATA[
            import mx.controls.Alert;
            import mx.collections.ArrayCollection;
            import flex.VO.Message;
            
            
private var nc:NetConnection;
            
private var so:SharedObject;
            
            
private function onClick():void
            
{
                nc 
= new NetConnection();
                nc.connect(
"rtmp://192.168.1.101/SharedObjectApp");
                nc.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
            }

            
            
private function onNetStatusHandler(evt:NetStatusEvent):void
            
{
                
this.panChat.title+="("+evt.info.code+")";
                
if(evt.info.code=="NetConnection.Connect.Success")
                
{
                    
//创建一个远程共享对象
                    
//参数:远程共享对象的名称 | 连接到的应用程序的URI | 远程共享对象是否为永久远程对象
                    so = SharedObject.getRemote("RemotingSO",nc.uri,true); //将生成SO.fso
                    
//远程对象(SharedObject)同步事件的监听
                    so.addEventListener(SyncEvent.SYNC,onSyncHandler);
                    
//远程共享对象连接到服务器
                    so.connect(nc);
                }

            }

            
            
private function onSyncHandler(evt:SyncEvent):void
            
{
                
if(so.data.msgCollection!=null)
                
{
                    var tempCollection:ArrayCollection 
= new ArrayCollection();
                    convertArrayCollection(tempCollection,so.data.msgCollection 
as ArrayCollection);
                    
                    
this.msgText.text="";
                    
for(var index:int=0;index<tempCollection.length;index++)
                    
{
                        var message:Object 
= tempCollection.getItemAt(index);
                        var displayMessage:String 
= message.NickName+"说:"+message.Context;
                        
this.msgText.text += displayMessage + "\n";
                    }

                }

            }

            
            
private function onSend():void
            
{
                var tempCollection:ArrayCollection 
= new ArrayCollection();
                
if(so.data.msgCollection != null)
                
{
                    convertArrayCollection(tempCollection,so.data.msgCollection 
as ArrayCollection);
                }

                
                var msg:Message 
= new Message();
                msg.NickName 
= this.txtUser.text;
                msg.Context 
= this.txtMessage.text;
                tempCollection.addItem(msg);
                
//更新远程共享对象中的属性值
                so.setProperty("msgCollection",tempCollection);
                
                
this.txtMessage.text="";
            }

            
            
private function convertArrayCollection(arrNew:ArrayCollection,arrOld:ArrayCollection):void
            
{
                 arrNew.removeAll();
              
                 
for(var i:int=0;i<arrOld.length ;i++)
                 
{
                      arrNew.addItemAt(arrOld.getItemAt(i),i);
                 }

            }

        ]]
>
    
</mx:Script>
    
<mx:Panel x="22" y="22" width="482" height="260" layout="absolute"  id="panChat"
        title
="文字聊天">
        
<mx:TextArea x="0" y="0" width="100%" height="100%" backgroundColor="#FCDADA" id="msgText"/>
        
<mx:ControlBar>
            
<mx:TextInput width="53" id="txtUser"/>
            
<mx:Label text="说:"/>
            
<mx:TextInput width="195" id="txtMessage"/>
            
<mx:Button label="Send" click="onSend()"/>
            
<mx:Button label="Connection" fontWeight="normal" click="onClick()"/>
        
</mx:ControlBar>
    
</mx:Panel>
    
</mx:Application>

 

      程序运行截图如下:

            

                                                  图1----FMS状态图

            

                                                图2----聊天客户端(张三)

                  

                                          图3----聊天客户端(李四)

            

 

      如上图,在FMS应用目录下创建了一后缀为.fso的文件,这就是永久性的远程共享对象文件名。在使用远程共享的时候,根据实际需求来确定是否使用永久性的远程共享对象,一般做聊天应用我个人建议使用临时远程共享对象(不生成.fso文件),要存储聊天记录可以通过其他方式来保存。

      详细大家可以查看官方提供的文档,在FMS的安装目录下就有,我的是D:\Adobe\Flash Media Server 3\documentation\flashmediaserver_AS3LR\index.html

 

      本文就介绍于此,如文中有什么问题,请大家拍砖指正。本文示例源代码下载

分享到:
评论

相关推荐

    FMS+FLEX-----使用远程共享对象实现多人实时在线聊天

    FMS+FLEX-----使用远程共享对象实现多人实时在线聊天 说明:这是我在网上看到的,收集并整理了一下。 因为我的积分不多了,所以虽然不是原创,但还是要一点资源分的。大家见谅。 压缩包中有说明文档和源码。说明...

    FMS3系列(五):通过FMS实现时时视频聊天(Flash|Flex)

    在本篇博文中,我们将深入探讨“FMS3系列”的第五部分,主要关注如何通过Adobe Flash Media Server (FMS) 3实现实时视频聊天功能。这个话题对于开发交互性强、实时性高的网络应用来说至关重要,特别是对于那些需要...

    简易聊天室flash多人聊天 FMS实现

    【标题】"简易聊天室flash多人聊天 FMS实现"揭示了这个项目的核心是构建一个基于Flash的多人在线聊天系统,采用FMS(Flash Media Server)作为后台技术来实现实时的通信功能。Flash是一种广泛应用于网页上的多媒体...

    通过FMS实现时时视频聊天(Flash|Flex)源码

    【标题】中的“通过FMS实现时时视频聊天(Flash|Flex)源码”是指使用Adobe的Flash Media Server (FMS)技术,结合Flash和Flex这两种编程语言,开发出一款能够实现实时视频通信的应用程序。这个标题暗示了我们将在...

    Flex和Fms3打造在线聊天室 源码和文档

    Flex和FMS3是构建实时互动应用程序的强大工具,尤其适合创建在线聊天室这样的实时通信平台。这个源码和文档集合提供了详细的步骤和技术说明,帮助开发者理解如何利用这些技术实现一个功能完备的聊天室。 Flex是一种...

    Fms3和Flex打造在线多人视频会议和视频聊天(附原代码)

    本教程将聚焦于使用Adobe Flash Media Server 3 (FMS3) 和 Adobe Flex 来实现这样的系统。下面我们将深入探讨这两个工具以及构建此类应用的关键知识点。 **Adobe Flash Media Server 3 (FMS3)** FMS3是Adobe公司...

    Fms3和Flex打造在线多人视频会议和视频聊天附原代码

    本教程将聚焦于使用Adobe Flex和Flash Media Server 3 (FMS3)来实现这样的系统。Flex是基于ActionScript 3的开放源码框架,用于构建富互联网应用程序(RIA),而FMS3则是一个强大的服务器平台,专门用于实时流媒体和...

    FMS.rar_flex_flex FMS_fms_site:www.pudn.com

    【描述】中的“fms实现的视频播放系统”指的是使用FMS作为后台服务器,配合Flex前端展示,构建的视频播放解决方案。该系统包括“带说明,带安装说明带文档”,意味着用户可以详细了解到如何配置、安装和使用这套系统...

    fms多人聊天

    在这个“fms多人聊天”项目中,我们看到它被用来创建一个多人在线交流的环境,通过AS3(ActionScript 3)编程语言实现。 ActionScript 3是Adobe Flash Platform的主要编程语言,用于构建富互联网应用(RIA)和交互...

    Fms 视频录制屏幕共享 附源码.doc

    文档"《Fms 视频录制屏幕共享 附源码.doc》"主要涉及使用Adobe Flash Media Server (FMS) 实现屏幕共享和视频录制的功能。FMS 是一款强大的实时流媒体服务器,它允许开发者创建实时交互式的多媒体应用程序,包括视频...

    Flex3.0学习手册

    ### Flex3.0 学习手册关键知识点综述 ...6. **远程共享对象**: 利用SharedObject实现多人在线聊天。 通过上述内容的学习,读者能够全面掌握Flex3.0的基础知识和技术要点,并能够运用这些技能来开发实际的应用程序。

    ShareObject对象详解

    ShareObject对象是Adobe Flex中用于数据共享的一种机制,它能够帮助开发者在客户端和服务器端之间存储和传递数据。ShareObject分为两种类型:LSO(Local Shared Object)和RSO(Remote Shared Object)。 LSO(本地...

    FLASH+php WEBGame 45度地图切换 多人游戏社区(源码+fms服务端)开源项目

    FLASH+php WEBGame 45度地图切换 多人游戏社区 FLASH人物行走 FLASH人物8方向寻路 在线聊天 (源码+fms服务端)开源项目 游戏截图: http://www.365tt1.com/ads/RGP/001.jpg http://www.365tt1.com/ads/RGP/002.jpg...

    FMS聊天室+AS3.0

    【标题】"FMS聊天室+AS3.0"是一个基于Adobe Flash Media Server (FMS) 和ActionScript 3.0开发的多人在线聊天室应用。这个标题表明了该源代码是用于创建实时、交互式的多用户通信环境,让用户能够通过网络进行文字或...

    fms.rar_flex_flex and fms_fms_fms rtmp_fms flex

    标题"Fms.rar_flex_flex and fms_fms_fms rtmp_fms flex"和描述中的关键词揭示了这个压缩包包含的是与Adobe Flex和Flash Media Server(FMS)相关的项目资源,主要用于创建一个实时通信应用,例如聊天室。Flex是一种...

    fms 中文文档 10

    - **永久的远程共享对象**:在客户端代码中,使用`SharedObject.getRemote()`并设置`persistence`参数为`true`,或在服务器端使用`SharedObject.get()`创建。这些对象以.fso扩展名存储在服务器上的特定目录下。 **...

    免费多人视频会议功能加强版本(Fms3和Flex开发(附源码))

    标题中的“免费多人视频会议功能加强版本(Fms3和Flex开发(附源码))”指的是一个基于Fms3(Flash Media Server 3)和Flex技术开发的多人视频会议系统,该系统不仅提供基本的视频交流功能,还进行了性能优化和功能增强...

    FMS多人视频会议系统

    【FMS多人视频会议系统】是一个利用Flash Media Server (FMS) 技术构建的高效、稳定的多人在线视频交流平台。这个系统的核心是FMS,它是由Adobe开发的一款服务器软件,专门用于实时流媒体处理,支持音频、视频的直播...

    FMS案例开发[整理].pdf

    此外,案例开发还包括了如何创建可交互的FMS连接、基于FMS的流媒体播放程序、在线视频录制与回放以及如何利用远程共享对象实现多人实时在线聊天的详细步骤。这些系列文章深入浅出地讲解了从零开始构建这样一个系统的...

    Flex +FMS实现视频聊天

    Flex+FMS写的视频聊天,在本机亲测通过。但唯一不足得是在别的机子上连接不成功。我也不知道为什么。望有才之士能完善。huzhaohui1992@qq.com 如能完善,请给我邮箱一份,在下感激不尽。

Global site tag (gtag.js) - Google Analytics