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

最新推荐文章于 2024-07-21 15:43:49 发布
原创 最新推荐文章于 2024-07-21 15:43:49 发布 · 225 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#软件测试 #Flex #Flash #Adobe #设计模式

本文介绍了一种基于B/S模式的视频监控系统的实现方法，使用Flex与Flash Media Server(FMS)开发。主要内容包括视频流的共享解决方案，通过两段代码示例详细展示了如何在服务器端捕获视频流并发布到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代码 复制代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="571">  
  3.     <mx:Script>  
  4.         <![CDATA[  
  5.             import mx.core.UIComponent;  
  6.             import flash.media.Microphone ;  
  7.             import mx.controls.Alert ;  
  8.             import flash.display.Graphics ;  
  9.             //测试网络可行性  
  10.             private var conne:NetConnection = new NetConnection() ;  
  11.             private function xianshi():void {  
  12.                 //必须  在AS3.0中默认的ObjectEncoding为AMF3，但是FMS不支持AMF3，所以  
  13.                 //要显示的声明为AMF0  
  14.                 conne.objectEncoding = ObjectEncoding.AMF0 ;  
  15.                 //FMS所在机器的IP地址  
  16.                 conne.connect("rtmp://172.30.209.75/example") ;  
  17.                 conne.addEventListener(NetStatusEvent.NET_STATUS,chuli) ;  
  18.             }  
  19.               
  20.             private var nnnns:NetStream = null ;//专门用来向连接到服务器的客户端提供共享视频流  
  21.             private var time:String = null ;//定义时间寄存器  
  22.             private function chuli(e:NetStatusEvent):void {  
  23.                 var result:String = e.info.code ;  
  24.                 switch(result) {  
  25.                     case "NetConnection.Connect.Success":  
  26.                     vd.attachCamera(Camera.getCamera()) ;  
  27.                     nnnns = new NetStream(conne) ;  
  28.                     nnnns.attachAudio(Microphone.getMicrophone()) ;  
  29.                     nnnns.attachCamera(Camera.getCamera()) ;  
  30.                     //播放server端的视频流  
  31.                     nnnns.publish("wwww","live") ;  
  32.                     break;  
  33.                     case "NetStream.Play.StreamNotFound":  
  34.                     Alert.show("失败") ;  
  35.                     break;  
  36.                     default :  
  37.                     Alert.show("缺省") ;  
  38.                     break ;  
  39.                 }  
  40.             }  
  41.             //停止播放  
  42.             private function tingzhi():void {  
  43.                 nnnns.close() ;  
  44.                 conne.close() ;  
  45.             }  
  46.               
  47.         ]]>  
  48.     </mx:Script>  
  49.     <mx:VideoDisplay x="0" y="0" width="264" height="213" id="vd"/>  
  50.        
  51.     <mx:Button label="连接服务器" click="xianshi()" x="10" y="247">  
  52.     </mx:Button>  
  53.     <mx:Button click="tingzhi()" x="99" y="247" width="125" height="21" label="断开与服务器连接">  
  54.            
  55.     </mx:Button>  
  56.     <mx:VideoDisplay x="285" y="11" width="276" height="202" id="vv"/>  
  57. </mx:Application>  
<?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代码 复制代码
  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.core.UIComponent;  
  6.             import flash.media.Microphone ;  
  7.             import mx.controls.Alert ;  
  8.             //测试网络可行性  
  9.             private var conne:NetConnection = new NetConnection() ;  
  10.             private function xianshi():void {  
  11.                 conne.objectEncoding = ObjectEncoding.AMF0 ;  
  12.                 conne.connect("rtmp://172.30.209.75/example") ;  
  13.                 //网络连接时间处理器  
  14.                 conne.addEventListener(NetStatusEvent.NET_STATUS,chuli) ;  
  15.             }  
  16.               
  17.             private var nnnns:NetStream = null ;  
  18.               
  19.             private function chuli(e:NetStatusEvent):void {  
  20.                 var result:String = e.info.code ;  
  21.                 switch(result) {  
  22.                     case "NetConnection.Connect.Success":  
  23.                     bofang() ;  
  24.                     break;  
  25.                     case "NetStream.Play.StreamNotFound":  
  26.                     Alert.show("失败") ;  
  27.                     break;  
  28.                     default :  
  29.                     Alert.show("缺省") ;  
  30.                     break ;  
  31.                 }  
  32.             }  
  33.               
  34.             private function tingzhi():void {  
  35.                 nnnns.close() ;  
  36.                 conne.close() ;  
  37.             }  
  38.             //网络连接成功时 播放server端发布到FMS的wwww视频流  
  39.             private function bofang():void {  
  40.                 nnnns = new NetStream(conne) ;  
  41.                 var v:Video = new Video() ;  
  42.                 v.attachNetStream(nnnns) ;  
  43.                 v.width = 276 ;  
  44.                 v.height = 202 ;  
  45.                 vv.addChild(v) ;  
  46.                 nnnns.play("wwww") ;  
  47.             }  
  48.         ]]>  
  49.     </mx:Script>  
  50.     <mx:VideoDisplay x="0" y="0" width="264" height="213" id="vd"/>  
  51.        
  52.     <mx:Button label="连接服务器" click="xianshi()" x="72" y="247">  
  53.     </mx:Button>  
  54.     <mx:Button click="tingzhi()" x="190" y="247" width="123" height="21" label="断开与服务器连接">  
  55.            
  56.     </mx:Button>  
  57.     <mx:VideoDisplay x="285" y="11" width="276" height="202" id="vv"/>  
  58.        
  59. </mx:Application>  
<?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端输出流的情况下进行视频录像。

检测视频流的工具
07-09
自己写的监测视频流的工具.可以用于监测局域网或广域网内视频的通断。
视频监控系统
qq_42049394的博客
09-02 1836
【知识拓展】音视频中的推流与拉流_推流拉流_No8g攻城狮的博客-优快云博客推流：把采集阶段封包好的内容传输到服务器的过程。其实就是将现场的视频信号传到网络的过程。“推流”对网络要求比较高，如果网络不稳定，直播效果就会很差，观众观看直播时就会发生卡顿等现象，观看体验很是糟糕。要想用于推流还必须把音视频数据使用传输协议进行封装变成流数据。常用的流传输协议有RTSP、RTMP、HLS等，使用RTMP传输的延时通常在1–3秒，对于手机直播这种实时性要求非常高的场景，RTMP也成为手机直播中最常用的流传输协议。
时时监控的rtsp流视频显示在前端与一些css；
anlin9217的博客
11-13 573
不过试了下只兼容IE。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
YanQi：一个优雅的P2P视频共享网站，支持在线流
02-04
一个优雅的P2P视频共享网站，支持在线流。 屏幕截图 安装并运行 要求 节点 MongoDB ElasticSearch（包括相应的插件） # Tips: recommend centos 7, cause you might encounter some mistakes installing or running mongodb and elasticsearch on centos 6 yum install epel-release # install stable 8.x nodejs yum install -y gcc-c++ make curl -sL https://rp
FMS Log Analyzer-开源
04-18
Adobe Flash Media Server (FMS) 是一款强大的实时流媒体服务器，用于发布视频、音频和其他交互式富媒体内容。在FMS运行过程中，它会生成Access日志，记录所有与服务器交互的详细信息。这些日志数据对于监控服务器...
基于FMS的多人视频会议系统源码
FMS作为服务器端的核心组件，负责处理客户端连接、音视频流的接收与分发、数据同步以及网络状态监控等功能，是整个系统稳定运行的基础。 描述中提到“基于FMS的，包含全部源码”，说明该项目并非仅提供可执行程序或...
FMS3.0实现视频会议代码
11-03
1. **多路音视频流同步**：每个参会者都需要发送自己的音视频流到服务器，同时接收其他参会者的音视频流。FMS3.0通过RTMP协议处理这些流的传输，确保不同设备间的同步。 2. **带宽管理**：视频会议需要根据网络状况...
基于FMS实现摄像头录像与上传的源码解析
“fms.rar”压缩包内包含了一个基于FMS实现摄像头录像并上传功能的完整源代码项目，其核心目标是通过客户端采集本地摄像头和麦克风的数据，利用RTMP（Real-Time Messaging Protocol）协议将音视频流推送到FMS服务器...
FMS与Flex开发入门：搭建Flash媒体服务器基础
Flash Media Server（简称FMS）是Adobe公司推出的一款用于实现实时音视频流媒体传输、实时通信和数据交互的服务器软件，属于Flash平台生态系统中的核心组件之一。最初名为Flash Communication Server（FCS），后随着...
28181视频监控平台软件demo
01-29
28181平台软件试用版信令平台，不包含流媒体平台服务。
视频流查看工具
02-25
视频流查看工具
史上最傻瓜的监控流对接，网页无插件方式播放海康大华等监控rtsp流
张利龙的优快云博客
03-06 2185
网上监控流方案很多，真正能用的很少，本文提供下载包开箱即用
LiveNVR监控流媒体Onvif/RTSP功能-海康大宇视天地伟业SDK接入拉转直播流文件ISUP接入转换成视频直播流地址输出RTSP/WebRTC/RTMP/HLS/HTTP-FLV/WS-FLV...
最新发布
cnzzs的博客
07-21 1336
LiveNVR功能-海康大宇视天地伟业SDK接入拉转直播流文件ISUP接入转换成视频直播流地址输出RTSP/WebRTC/RTMP/HLS/HTTP-FLV/WS-FLV1、背景说明2、配置拉转视频流2.1、RTSP规则2.2、通道配置2.2.1 配置拉转RTSP2.2.2 配置Onvif添加2.2.3 配置SDK接入2....
AS-V1000视频监控平台输出大容量RTSP视频流的配置
weixin_70208651的博客
01-26 1579
AS-V1000视频监控平台，也可以称为：视频监控平台，视频监控接入平台，视频监控汇聚平台（或视频监控汇集平台），视频监控管理平台，视频监控综合管理平台，是一套集成了用户设备权限管理、视音频监控、大容量存储、电子地图的系统平台软件。它结合了现代视频技术、网络通讯技术、计算机控制技术、流媒体传输技术的综合解决方案，为用户提供了强大的、灵活的组网和应用能力。 多台SIP代理服务器可以堆叠起来，可以分布式部署，通过负载均衡技术，可以同时对外提供上万路RTSP视频流的输出。
使用Kurento提供公网视频流
征途无悔
01-07 3334
前言 之前在视频流调试过程（海康威视+Kurento）一文中对基本的WebRTC服务器Kurento的使用有了基本的了解。但是，在后续的使用过程中，出现了一个深坑。我在通过公网访问的时候，发现是无法播放视频的。经过这里还有一个坑，今天我们就来填它。 不过这次有个遗憾，就是由于这次折腾的环境是我在家后来装的，所以操作系统是ubuntu20.04。还是将就看吧，有机会的话，我把centos7的操作补上 coturn服务 coturn是一个封装好的turn server。用来帮助我们穿透NAT网络。是的，公网之所
海康实时监控预览视频流接入web
LB_bei的博客
01-26 7366
海康开放平台海康威视合作生态致力打造一个能力开放体系、两个生态圈，Hikvision AI Cloud开放平台是能力开放体系的核心内容。它是海康威视基于多年在视频及物联网核心技术积累之上，融合AI、大数据、云计算等技术，为合作伙伴提供的一个二次开发及创新的平台。我们采取的方案是后端获取视频流返回给前端，然后前端播放海康开放平台海康威视合作生态致力打造一个能力开放体系、两个生态圈，Hikvision AI Cloud开放平台是能力开放体系的核心内容。
视频监控实时接入——以海康威视为例（2023.2.16）
热门推荐
I have a dream, here my dreams come true!
02-16 4万+
视频监控在线接入API调用及相关视频协议学习，包含rtsp、rtmp、hls
如何通过实时流媒体视频监控更加快速准确识别信息？
TSINGSEE青犀视频官方技术博客
09-16 434
前期分享过很多我们目前正在进行的智能分析开发与测试的过程，智能分析与摄像机的紧密结合让视频监控智能反应成为了常态。实际这些技术与人工智能辅助分析一起使用，已经在支持公共安全、交通等领域的空中与地面监控得到了大量应用，未来还将面对城市运营、军事、工业和面向消费者的场景。 然而大家知道，备受关注的延迟问题将会是智能分析在火灾、洪水、能源中断、飓风、龙卷风、抢劫、大规模枪击、军事行动以及急救人员这些场景上的一个坎，因此，越来越多的智能分析项目开发商都在研发更加标准的实时流传输方式，希望让危机管理变得更加有效
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值