视频监控软件(1)---FMS视频流共享

呵呵！临近毕业了，本人选择的毕业设计题目是(基于B/S模式的视频监控软件的设计与实现)，对于这个题目，我打算用Flex+FMS(FlashMediaServer)进行开发，从今天起，本人会不定期的把一些成果拿出来与大家分享，有什么描述不妥的地方还请大家批评指正。

 

这次要解决的问题是FMS的视频流共享。问题的大概描述是：我们把被监控的一方叫做Server，对Flex熟悉的同学都知道，Flex中的<mx:VideoDisplay>+AS3.0中的Camera.getCamera()组合可以很容易的捕捉摄像头的视频数据并将其显示在<mx:VideoDisplay>中，但是这里有个问题，这里所谓的显示，只是基于本地机器，而捕捉摄像头的动作也只是捕捉本机的摄像头，我们要设计的视频监控软件是B/S模式，假如我们把编译好的swf文件放到WebAppServer下，用户远程访问，将看不到Server端的实时视频，这样至少从实时监控来说，就完全失去了意义！

 

解决思路：

创建两个文件，一个文件用来捕捉Server端的视频数据，并将其发布到FMS中，假设这段视频流名为wwww。

另一个文件用来显示给客户，其所起的作用就是播放Server端口发布到FMS的wwww视频流。

 

实现步骤：

1  在FMS_HOME/applications/下建立一个example文件夹，用来做本例的FMS工程实例。

2  编写<解决思路>中涉及的第一个文件server.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="571">
	<mx:Script>
		<![CDATA[
			import mx.core.UIComponent;
			import flash.media.Microphone ;
			import mx.controls.Alert ;
			import flash.display.Graphics ;
			//测试网络可行性
			private var conne:NetConnection = new NetConnection() ;
			private function xianshi():void {
				//必须  在AS3.0中默认的ObjectEncoding为AMF3，但是FMS不支持AMF3，所以
				//要显示的声明为AMF0
				conne.objectEncoding = ObjectEncoding.AMF0 ;
				//FMS所在机器的IP地址
				conne.connect("rtmp://172.30.209.75/example") ;
				conne.addEventListener(NetStatusEvent.NET_STATUS,chuli) ;
			}
			
			private var nnnns:NetStream = null ;//专门用来向连接到服务器的客户端提供共享视频流
			private var time:String = null ;//定义时间寄存器
			private function chuli(e:NetStatusEvent):void {
				var result:String = e.info.code ;
				switch(result) {
					case "NetConnection.Connect.Success":
                    vd.attachCamera(Camera.getCamera()) ;
					nnnns = new NetStream(conne) ;
					nnnns.attachAudio(Microphone.getMicrophone()) ;
					nnnns.attachCamera(Camera.getCamera()) ;
					//播放server端的视频流
					nnnns.publish("wwww","live") ;
                    break;
                    case "NetStream.Play.StreamNotFound":
                    Alert.show("失败") ;
                    break;
                    default :
                    Alert.show("缺省") ;
                    break ;
				}
			}
			//停止播放
			private function tingzhi():void {
				nnnns.close() ;
				conne.close() ;
			}
			
		]]>
	</mx:Script>
	<mx:VideoDisplay x="0" y="0" width="264" height="213" id="vd"/>
	
	<mx:Button label="连接服务器" click="xianshi()" x="10" y="247">
	</mx:Button>
	<mx:Button click="tingzhi()" x="99" y="247" width="125" height="21" label="断开与服务器连接">
		
	</mx:Button>
	<mx:VideoDisplay x="285" y="11" width="276" height="202" id="vv"/>
</mx:Application>

 

3  编写<解决思路>中涉及的第二个文件client.mxml，此文件显示给用户远程观看

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.core.UIComponent;
			import flash.media.Microphone ;
			import mx.controls.Alert ;
			//测试网络可行性
			private var conne:NetConnection = new NetConnection() ;
			private function xianshi():void {
				conne.objectEncoding = ObjectEncoding.AMF0 ;
				conne.connect("rtmp://172.30.209.75/example") ;
				//网络连接时间处理器
				conne.addEventListener(NetStatusEvent.NET_STATUS,chuli) ;
			}
			
			private var nnnns:NetStream = null ;
			
			private function chuli(e:NetStatusEvent):void {
				var result:String = e.info.code ;
				switch(result) {
					case "NetConnection.Connect.Success":
					bofang() ;
                    break;
                    case "NetStream.Play.StreamNotFound":
                    Alert.show("失败") ;
                    break;
                    default :
                    Alert.show("缺省") ;
                    break ;
				}
			}
			
			private function tingzhi():void {
				nnnns.close() ;
				conne.close() ;
			}
			//网络连接成功时 播放server端发布到FMS的wwww视频流
			private function bofang():void {
				nnnns = new NetStream(conne) ;
				var v:Video = new Video() ;
				v.attachNetStream(nnnns) ;
				v.width = 276 ;
				v.height = 202 ;
				vv.addChild(v) ;
				nnnns.play("wwww") ;
			}
		]]>
	</mx:Script>
	<mx:VideoDisplay x="0" y="0" width="264" height="213" id="vd"/>
	
	<mx:Button label="连接服务器" click="xianshi()" x="72" y="247">
	</mx:Button>
	<mx:Button click="tingzhi()" x="190" y="247" width="123" height="21" label="断开与服务器连接">
		
	</mx:Button>
	<mx:VideoDisplay x="285" y="11" width="276" height="202" id="vv"/>
	
</mx:Application>

 

 

4  启动FMS，打开编译好的server.swf，先点击按钮：连接服务器

 

5  把编译好的client.swf拷贝到任何客户端，然后点击按钮：连接服务器，即可以看到server端传送过来的视频流。

如果想要部署swf文件到WebApplication下，可以把FlexBuilder工程目录下的server.html和client.html拷贝到相应的目录，然后通过URL访问。

 

好了，关于FMS视频流共享的问题到此为止，各位有何疑问，不妨留言一起探讨！下一次我将解决怎样在不切断server端输出流的情况下进行视频录像。

评论

10 楼 msober 2008-06-25  

不错！=============

9 楼 mhqawjh 2008-04-21  

是吗? 这么巧啊,呵呵!
这篇文章 本人很长时间没有写了!因为卡在了图象分析的算法上面!庆幸的是,现在已经找到解决方案了,呵呵!下次再写本人就要拿出一个成品了!!!希望兄弟们支持.....

8 楼 sunchang_long 2008-04-21  

先得谢谢你，不过我又看到一篇文章和你这个一样，冰山上的播客的文章，不知道谁是原版，尊重产权...呵呵

7 楼 jy00057800 2008-02-22  

怎么没有下文了

6 楼 mhqawjh 2008-01-27  

不好意思，弟兄们！过寒假ing，等寒假结束继续！！！

5 楼 ssuhvs 2008-01-27  

期待你的下一篇，能否解决镜头切换问题呀

4 楼 duker 2008-01-14  

哦,期待你的下篇..

3 楼 hut 2008-01-14  

不论监控摄像头在什么地方,都只需要将它publish到fms,需要看到监控的client连接fms play这些stream就可以了

我现在正要做个,请问这步怎么做的啊?网络上的fms教程都是 采集本地的摄像头.我需要采集多个远程的摄像头发回的视频流.

2 楼 mhqawjh 2008-01-14  

首先谢谢LS的关注！
注意我做的是视频监控，这里面必须要有一个功能，那就是被监控区域出现异常时（比如一个人影经过）要进行自动录像，然而当录像时，不能干扰client对server端处于任何时间段的视频的观看（实时监控）。
为了表明这个关系，我就采用了两个文件，虽然现阶段这两个文件实现的功能几乎一模一样，等我下篇的<不截断server端视频流情况下进行录像>你就会看到这种差异了！
不知道我说明白了没？

1 楼 duker 2008-01-14  

不太明白lz的意思.
不论监控摄像头在什么地方,都只需要将它publish到fms,需要看到监控的client连接fms play这些stream就可以了,甚至可以做个列表让监控client来选择和切换..也就是监控者和被监控者都是fms 的client. 被监控者publish,监控者play.