随笔-254  评论-3298  文章-48  trackbacks-74

FMS3系列(一):第一个FMS程序,连接到FMS服务器(Flash/Flex两种实现)

     FMS是个很牛X的东西,到底有多牛X我不想在这里多说,有兴趣的朋友可以baidu一把了解一下,如果实在是不想动手,那你就点下面的连接吧,我搜索了点资料简单的总结了一下。

    你可以点击这里了解一些关于FMS的基本知识: 了解一些FMS的基本概念

     通常做FMS都是和Flash或是Flex结合开发的,特别是在视频流这方面相当的突出,成功案例也不少,比如http://www.tudou.com,  www.ku6.com , http://www.15dv.com 等视频网站都与FMS挂钩。本人也是因为工作需要,趁工作之余来学习这门技术,想通过写博客的方式来巩固和分享学习,更希望爱好或是在从事这方面开发工作的朋友多多指正,交流。OK,本文就以连接FMS服务器作为写作话题,来看看我们学习FMS应该从什么地方出发,逐步的走上更高的台阶。

     Adobe公司的产品Flash和Flex都可以结合FMS进行编程,本文示例比较简单,为了多凑几个字我打算通过Flash和Flex两种实现来介绍怎么来实现我们的第一个FMS程序“连接到FMS服务器”。

     上山砍柴不忘磨柴刀,那么我们做技术开发肯定也离不开对开发环境,开发工具,开发语言的选择和准备。本文中我们的工具就是Flash CS 4,Flex Builder 3和FMS 3.0,所使用的开发语言是ActionScript 3.0,这里我不想浪费时间去介绍软件的安装,相信看这篇文章的你对于安装软件不会存在有什么难度,OK,下面看看怎么编码实现。


一 、FMS应该做些什么 

     本文中所使用到的FMS是非常简单的,主要就就是建立一个FMS应用,方法很简单。找到你安装FMS的目录你会发现里面有一个appliations的目录。对的,它就是管理FMS应用的目录,进入该目录在里面建立一个文件夹就OK,我建立的文件夹为"firstFMS"。

 

二、Flash连接到FMS服务器

     首先建立一个Flash文件(ActionScript 3.0)并将其保存在某个目录(自己决定吧)中。然后打开组件面板(可以按Ctrl+F7)从组件面板中拖拽一个button组件到刚建立好的Flash的舞台(也就是Flash显示东西的那一块地方),然后通过属性面板(可以按Ctrl+F3)将刚拖拽出的button取个名字(Flash中叫他为实例名,舞台中的每一个组件就是一相对应的对象的实例),我取的是btnConnFMS

     完成上面两步后回到舞台,鼠标在舞台中空白位置点击一下,然后同样打开属性面板,你会发现现在的属性面板和先前的有些不一样,在发布选项下找到“类”,这里我填写的为“ConnFMS”,表示我将要通过ConnFMS.as这个类文件来对当前的这个Flash进行编码。

     上面承诺了由ConnFMS.as来负责Flash的编码工作,那该怎么做呢?建立一个ActionScript类文件,保存在之前保存Flash文件的同一目录就OK,记住这个类文件一定是“ConnFMS.as”。下面是ConnFMS.as的完整代码:

 1 package
 2 {
 3     import flash.net.NetConnection;
 4     import flash.net.NetStream;
 5     import flash.display.MovieClip;
 6     import flash.net.Responder;
 7     import flash.events.MouseEvent;
 8     import flash.events.NetStatusEvent;
 9     import flash.events.AsyncErrorEvent;
10     
11     public class ConnFMS extends MovieClip
12     {
13         private var nc:NetConnection;
14         
15         public function ConnFMS()
16         {
17             btnConnFMS.label="连接到FMS";
18         }
19         
20         private function onClickHandler(evt:MouseEvent):void
21         {
22             trace("正在连接FMS服务器");
23             nc = new NetConnection();
24             nc.connect("rtmp://localhost/firstFMS");
25             nc.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
26         }
27         
28         private function onNetStatusHandler(evt:NetStatusEvent):void
29         {
30             switch (evt.info.code)
31             {
32                 case "NetConnection.Connect.Success":
33                     trace("成功连接FMS服务器!");
34                     break;
35                 case "NetConnection.Connect.Rejected":
36                     trace ("访问FMS服务器权限不足,连接被拒绝!");
37                     break;
38                 case "NetConnection.Connect.InvalidApp":
39                     trace("指定的应用程序名称没有找到");
40                     break;
41                 case "NetConnection.Connect.Failed":
42                     trace("连接失败!");
43                     break;
44                 case "NetConnection.Connect.AppShutDown":
45                     trace("服务器端应用程序已经关闭(由于资源耗用过大等原因)或者服务器已经关闭!");
46                     break;
47                 case "NetConnection.Connect.Closed":
48                     trace("与FMS的连接中断!");
49                     break;
50             }
51         }
52     }
53 }

 

 三、Flex连接到FMS服务器

     首先建立好Flex项目,默认会创建一个MXML文件,简单化实现这里就直接在这个MXML文件里来实现连接FMS。代码上和Flash连接到FMS几乎没有什么差别,主要就是学习NetConnection类来完成,如下代码定义:

1 //Flex与FMS建立连接的对象
2 private var netConn:NetConnection;
3 //FMS服务器的地址,使用rtmp协议
4 private var rtmpUrl:String="rtmp://localhost/firstFMS"; 

 

   NetConnection指示 Flash Player 是通过持久性的 RTMP 连接连接到服务器,实现这一步操作是通过NetConnection类的connect()方法来完成的。如下:

1 //当Flex应用程序启动的时候就建立与FMS服务器的连接
2 internal function onInit():void
3 {
4     netConn = new NetConnection();
5     netConn.connect(rtmpUrl);
6     netConn.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
7     netConn.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onAsyncErrorHandler);
8 }   

 

  connect()方法打开指定rtmp协议地址的FMS服务器的连接。一旦调用该方法NetConnection的对象就会捕捉到FMS返回的一个网络连接状态,通过NetStatusEvent事件监听可以得到返回状态的值(详细见本文前Flash部分),AsyncErrorEvent事件为异步引发异常(既本机异步代码)时调度。关于NetConnection的各种状态的详细请查看本文之前的Flash实例有详细的介绍。

   由于实例比较简单,这里我就不在多说废话,下面是通过Flex实现连接到FMS的完整代码:

 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.controls.Alert;
 6            //Flex与FMS建立连接的对象
 7            private var nc:NetConnection;
 8            //FMS服务器的地址,使用rtmp协议
 9            private var rtmpUrl:String="rtmp://localhost/firstFMS";
10            
11            //当Flex应用程序启动的时候就建立与FMS服务器的连接
12            internal function onClick():void
13            {
14                nc = new NetConnection();
15                nc.connect(rtmpUrl);
16                nc.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
17                nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onAsyncErrorHandler);
18            }

19            
20            private function onClickHandler(evt:MouseEvent):void
21            {
22                trace("正在连接FMS服务器");
23                nc = new NetConnection();
24                nc.connect("rtmp://localhost/firstFMS");
25                nc.client=this;
26                nc.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
27                nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onAsyncErrorHandler);
28            }

29        
30            private function onNetStatusHandler(evt:NetStatusEvent):void
31            {
32                switch (evt.info.code)
33                {
34                    case "NetConnection.Connect.Success":
35                        trace("成功连接FMS服务器!");
36                        break;
37                    case "NetConnection.Connect.Rejected":
38                        trace ("访问FMS服务器权限不足,连接被拒绝!");
39                        break;
40                    case "NetConnection.Connect.InvalidApp":
41                        trace("指定的应用程序名称没有找到");
42                        break;
43                    case "NetConnection.Connect.Failed":
44                        trace("连接失败!");
45                        break;
46                    case "NetConnection.Connect.AppShutDown":
47                        trace("服务器端应用程序已经关闭(由于资源耗用过大等原因)或者服务器已经关闭!");
48                        break;
49                    case "NetConnection.Connect.Closed":
50                        trace("与FMS的连接中断!");
51                        break;
52                }

53            }

54            
55            private function onAsyncErrorHandler(evt:AsyncErrorEvent):void
56            {}
57    ]]>
58    </mx:Script>
59    <mx:Button x="135" y="89" label="Button" click="onClick()" fontSize="12" fontWeight="normal"/>
60</mx:Application>

 

   

四、注意事项

  通常新手在学习FMS的时候都会遇到一个问题,那就是通过NetConnection连接FMS服务器的时候,连接状态总是返回“NetConnection.Connect.Rejected”这样的状态结果,然后接着还有会有一个“NetConnection.Connect.Failed”状态,是什么原因造成这样的错误的呢?

  第一个错误从本文实例中你可以得到,是访问FMS服务器的权限问题,如果FMS没有开设足够的访问权限,通常在访问FMS的客户端都会接受到这样一个异常状态。第二个错误又是怎么产生的呢?这还是又访问权限引起,当客户端没有主够的权限访问FMS服务器,就将返回“NetConnection.Connect.Rejected”状态并自动断开与FMS服务器的连接,“NetConnection.Connect.Failed”状态本身是由于连接服务器失败产生,而这里是因为权限问题而引发的。

  前几天很多朋友就在问我这个问题,怎么来解决这个问题呢?如果你是一个技术专研者,如果又你赶兴趣的技术在你面前,你首先会做什么?查看官方提供的文档?实例代码?还是什么? OK,其实要解决这个问题很简单,在FMS服务器安装好后的目录下有一个"applications"目录,里面有两个FMS默认安装的FMS服务器(live和vod),随便打开一个默认安装然后打开里面的"readme.txt"文件会看到下面的字样:

================================================================
Deploying an unsigned vod service
================================================================
    
1. Create a new folder in the {FMS-Install-Dir}/applications folder.

2. If you are replacing the default Adobe signed live service, back up
   the following files:
   * main.far
   * Application.xml
   * allowedHTMLDomains.txt
   * allowedSWFDomains.txt

3. Copy files from {FMS-Install-Dir}/samples/applications/vod to the directory you created in step 1.

 

  现在你知道怎么解决上面出现的问题了吗??将这main.far、Application.xml、allowedHTMLDomains.txt和allowedSWFDomains.txt这四个文件复制到你创建的FMS服务器目录下就解决了,运行上面的实例程序,然后可以通过FMS的管理控制台查看到详细的连接信息。

  我通常是使用的FMS安装目录下的fms_adminConsole.swf 来查看连接信息,也可以使用FMSfms_adminConsole.htm查看。

  

posted on 2009-02-27 22:25 Bēniaǒ 阅读(6310) 评论(28) 编辑 收藏

评论:
#1楼 2009-02-27 23:22 | Phinecos(洞庭散人)      
可以考虑使用FMS的开源版---Red5,毕竟FMS太贵了http://osflash.org/red5
 回复 引用 查看   
#2楼[楼主] 2009-02-28 00:28 | Bēniaǒ      
@Phinecos(洞庭散人)
呵呵,我们公司买了套FMS。
其实一般的应用也用不了那么大,连接数的限制罢。

 回复 引用 查看   
#3楼 2009-02-28 09:57 | aierong      
盟主写的文章就是详细

学东西

 回复 引用 查看   
#4楼 2009-02-28 18:31 | net1234      
学习了,谢谢分享
 回复 引用 查看   
#5楼 2009-03-01 18:33 | 艾面条      
继续研究哈。希望看到更进一步的文章。
 回复 引用 查看   
#6楼 2009-03-03 09:14 | 胡晨
期待新的文章的说.
 回复 引用   
#7楼[楼主] 2009-03-03 19:21 | Bēniaǒ      
@net1234
@艾面条
@胡晨
^.^
上班忙,没太多的空闲时间...

 回复 引用 查看   
#8楼 2009-03-26 13:54 | ifnt[未注册用户]
main.far这东西不用复制的,害我搞了n个钟,有了他自己的asc就不起作用啦
 回复 引用   
#9楼[楼主] 2009-03-27 09:35 | Bēniaǒ      
@ifnt
要看你装的是那一个版本的FMS
如果是Flash media interactive server就不需要复制任何文件过去就行.
如果是Flash media streaming server就需要复制文件.

 回复 引用 查看   
#10楼 2009-05-14 17:47 | yxt[未注册用户]
@Phinecos(洞庭散人)

省省钱吧,网是什么软件都有破解

http://hi.baidu.com/yxtbdu

 回复 引用   
#11楼 2009-06-04 16:47 | 搞flex了[未注册用户]
flex版本调试一个错误
在 flash.net.NetConnection 上找不到属性 onBWDone,且没有默认值
大哥能否搞个视频教程或者写的更详细点感觉看你的文章如果很难懂有时侯

 回复 引用   
#12楼[楼主] 2009-06-04 17:08 | Bēniaǒ      
@搞flex了
上面不是都已经把源代码全部放出来了吗?还看不懂??

 回复 引用 查看   
#13楼 2009-06-19 00:27 | stonecj[未注册用户]
onClick(),onClickHandler(),方法重复了。在onClick()中增加,nc.client=this;删除onClickHandler(),增加public function onBWDone():void{},就0K了。
 回复 引用   
#14楼 2009-07-06 16:37 | Jason_Yuan      
首先建立好Flex项目 ???
怎样建立 ???

 回复 引用 查看   
#15楼[楼主] 2009-07-06 17:21 | Bēniaǒ      
@Jason_Yuan
项目都不知道怎么建,我也无能为力了。

 回复 引用 查看   
#16楼 2009-07-06 19:20 | Jason_Yuan      
有点晕乎 。。
这方面零基础,现在在看Flex的教程 。

 回复 引用 查看   
#17楼[楼主] 2009-07-07 09:41 | Bēniaǒ      
@Jason_Yuan
汗。

 回复 引用 查看   
#18楼 2009-08-19 14:37 | jmbao[未注册用户]
as 代码的构造器中是否需要加一行:

btnConnFMS.addEventListener(MouseEvent.CLICK, onClickHandler);

否则点击按钮没有反应。

 回复 引用   
#19楼 2010-02-23 14:45 | 接着忽悠[未注册用户]
垃圾
 回复 引用   
#20楼[楼主] 2010-02-24 10:19 | Bēniaǒ      
@接着忽悠
我是垃圾 ,你牛。咋匿名呢?莫非是怕人知道你是谁?

 回复 引用 查看   
#21楼 2010-05-12 18:43 | ubosm      
@接着忽悠
这HMP啥都不懂 在这里乱冒

 回复 引用 查看   
#22楼[楼主] 2010-05-13 10:34 | Bēniaǒ      
@ubosm
"HMP",貌似我看懂你的意思了,哈哈~~~

 回复 引用 查看   
#23楼 2010-06-02 23:12 | 周超亿      
很不错,教程很详细,有时间一定要动手做下。。
 回复 引用 查看   
#24楼[楼主] 2010-06-02 23:22 | Bēniaǒ      
@周超亿
:)看了别忘了支持下~~~~~

一起学习,欢迎讨论。

 回复 引用 查看   
#25楼 2010-10-25 15:20 | terry2018      
楼主少了btnConnFMS.addEventListener(MouseEvent.CLICK, onClickHandler);代码,运行点击不起作用

package
{
    import flash.net.NetConnection;
    import flash.net.NetStream;
    import flash.display.MovieClip;
    import flash.net.Responder;
    import flash.events.MouseEvent;
    import flash.events.NetStatusEvent;
    import flash.events.AsyncErrorEvent;
    
    public class ConnFMS extends MovieClip
    {
        private var nc:NetConnection;
        
        public function ConnFMS()
        {
            btnConnFMS.label="连接";
			btnConnFMS.addEventListener(MouseEvent.CLICK, onClickHandler);//楼主少了这行代码,点击按钮没有反应

        }
        
        private function onClickHandler(evt:MouseEvent):void
        {
            trace("正在连接FMS服务器");
            nc = new NetConnection();
            nc.connect("rtmp://localhost/firstFMS");
            nc.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
        }
        
        private function onNetStatusHandler(evt:NetStatusEvent):void
        {
           switch (evt.info.code)
           {
                case "NetConnection.Connect.Success":
                    trace("成功连接FMS服务器!");
                    break;
                case "NetConnection.Connect.Rejected":
                    trace ("访问FMS服务器权限不足,连接被拒绝!");
                    break;
                case "NetConnection.Connect.InvalidApp":
                    trace("指定的应用程序名称没有找到");
                    break;
                case "NetConnection.Connect.Failed":
                    trace("连接失败!");
                    break;
                case "NetConnection.Connect.AppShutDown":
                    trace("服务器端应用程序已经关闭(由于资源耗用过大等原因)或者服务器已经关闭!");
                    break;
                case "NetConnection.Connect.Closed":
                    trace("与FMS的连接中断!");
                    break;
            }
        }
    }
}

 回复 引用 查看   
#26楼 2011-05-13 16:47 | vehomeparks      
楼主能给我发份fms软件吗?我现在老可怜了,用的是flash cs3,fms2.0,可能是版本不对还是咋的,测试了几个程序都不成,我是java方向的,现在又个项目用fms,谢楼主支持了,我的邮箱,
muzongkai214@163.com;
msn:muzongkai214@live.cn

 回复 引用 查看   
#27楼[楼主] 2011-05-15 20:45 | Bēniaǒ      
@vehomeparks
你去官方下载吧。

 回复 引用 查看   
#28楼 2011-05-17 22:39 | vehomeparks      
问题早解决了,在一个老外的博客上下载的,如果有谁需要,可以给我发邮件。
 回复 引用 查看   
发表评论

昵称: [登录] [注册]

主页:

邮箱:(仅博主可见)

评论内容:

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 1392115 eKsf/njAUk4=
微软最有价值专家(MVP)

微软技术社区精英(CNTAC)

2010年IT博客大赛50强

微软最有影响力开发者(GDI)


Bing Maps开发一群:75662563
微软技术群-重庆站:97035589
RIA技术联盟QQ群:26917590
昵称:Bēniaǒ
园龄:4年6个月
荣誉:推荐博客
粉丝:408
关注:26

随笔分类(285)

文章分类(14)

积分与排名

  • 积分 - 760874
  • 排名 - 60

最新评论