flex摄像头连接视频录制

  1. Flex提供了3个类实现与服务器端的通信:HTTPService,ReObject和WebService。另外,我们还可以根据外部中间插件来让Flex与服务器端进行通信,比如Blazeds(Lcds),Red5(FMS)流媒体服务器,PHPRPC。

     

    HTTPService类用于超文本传输协议(HTTP)实现与服务器的通信。Flex应用程序用GET或POST请求将数据发送到服务端,并处理该请求所返回的XML或字符串。使用这个HTTPService类,可以与PHP页,ColdFusion页,JSP页,Javaservlet,RubyonRails,以及MicrosoftASP页进行通信。

     

    RemoteObject类可以与服务器之间通过ActionScriptMessageFormat(AMF)对象进行通信。通常来说,我们也可以把Blazeds与Lcds归于这一类。RemoteObject也可以与java或coldFusion远程网关进行通信,或者通过开源项目(例如AMFPHP.SabreAMF或WebORB)与.NET和PHP进行通信。

     

    关于Red5与FMS这两个流媒体服务器,应该说它们本身的优势在于多多媒体上,而实现Flex与服务器端相连,也是它们最基本的功能之一。

    WebService类与web服务进行通信,使用基于SOAP的XML或XML,web服务通过web服务描述语言(WSDL)定义其接口。

     

    本以为Blazeds会是个不错的选择,但是发现它对于流媒体的传送有点,让我不知道该怎么下手。虽说这个与java ee项目的直接访问,一开始让我很激动。

     

    后来发现通过类似red5这种流媒体服务器,或许是可行的。比较有名的是FMS,Red5等,Red5是一个开源的项目,和FMS在功能上其实是类似的。所以后来还是用了他,不过对于它的搭建还是废了点劲的。

     

    http://blog.csdn.net/zlxluofeng/article/details/5639446这个是找到的配置以及helloworld的例子。

    red5启动起来后,在浏览器中输入http://localhost:5080/来访问Red5发布的网页,然后找到Demo,选择一个Demo进入,在Demo的链接地址处输入rtmp://localhost/服务器项目名,点击链接按钮,如果后天的“5”编程了绿色,说明链接成功了,如果没有反应,那就检查一下哪个地方是否设错了。

    这篇是flex视频录制与播放,目前正在看这篇:http://www.iteye.com/topic/231569

  2. <?xml version="1.0" encoding="utf-8"?>  
  3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="312" width="328" creationComplete="init()">  
  4. <mx:Script>  
  5.  <![CDATA[  
  6.   //预定义声明  
  7.   import mx.controls.Alert;  
  8.   import mx.events.SliderEvent;  
  9.     
  10.   //创建一个基本的网络连接对象  
  11.   private var vi:Video;  
  12.   private var cam:Camera;      //定义一个摄像头  
  13.   private var inNs:NetStream;  
  14.   private var outNs:NetStream;   
  15.   private var nc:NetConnection;  
  16.   //private var mic:Microphone; //定义一个麦克风  
  17.    
  18.   private var _duration:Number;            //视频播放时间  
  19.   private var playPosition:Number;         //定义播放进度位置  
  20.   //private var soundPosition:Number;    //定义声音大小控制条的位置  
  21.   private var flag:Boolean = false;          
  22.   private var lastVideoName:String = "";   //视频录制后保存的名字  
  23.   private var _url:String = "rtmp://127.0.0.1:1935/videoRec";  
  24.     
  25.   public function init():void{  
  26.    setupCamera();    //初始化摄像头信息  
  27.   }  
  28.   //开始录制按扭点击  
  29.   public function clickConnect():void{  
  30.     nc = new NetConnection();  
  31.     nc.addEventListener(NetStatusEvent.NET_STATUS,nsHandler);  
  32.              nc.connect(_url);         //连接red5服务器  
  33.   }    
  34.   public function nsHandler(evt:NetStatusEvent):void{  
  35.    if (evt.info.code == "NetConnection.Connect.Success"){           //如果连接成功  
  36.     playClick();  
  37.     }else{  
  38.      Alert.show("连接失败");      
  39.     }      
  40.   }  
  41.   //开始录制  
  42.   public function playClick():void{     
  43.    if(vi != null){  
  44.     vi.clear();  
  45.     vdisplay.removeChild(vi);  
  46.     vi = new Video();  
  47.     vi.width = 320;  
  48.     vi.height = 240;  
  49.     vi.attachCamera(cam);  
  50.        vdisplay.addChild(vi);  
  51.    }  
  52.    outNs = new NetStream(nc);         
  53.    outNs.attachCamera(cam);   //把摄像头存入outNs  
  54.    //outNs.attachAudio(mic);          //把麦克风存入outNs  
  55.    lastVideoName = "red5RecordDemo_" + Math.random()+getTimer();  
  56.    outNs.publish(lastVideoName, "record");  
  57.         
  58.    startRec.enabled = false;  
  59.    stopRec.enabled = true;     
  60.   }    
  61.   //停止录制  
  62.   public function stopClick():void{  
  63.    //关闭ns与red5的连接  
  64.    outNs.close();   
  65.    vi.clear();  
  66.    vdisplay.removeChild(vi);    
  67.    //锁定开始按键使其生效  
  68.    startRec.enabled = true;  
  69.    //锁定停止按键使其失效  
  70.    stopRec.enabled = false;  
  71.   }    
  72.   //录制完以后播放  
  73.   public function playLastVideo():void{  
  74.      if(nc!=null){  
  75.       //addEventListener(Event.ENTER_FRAME,onEnterFrame);  
  76.        inNs = new NetStream(nc);  
  77.     //定义onMetaData,获取视频相关数据  
  78.     var customClient:Object = new Object();  
  79.     customClient.onMetaData = function(metadata:Object):void{  
  80.      _duration = metadata.duration; //获取视频持续时间  
  81.      t_sh.maximum = _duration;  
  82.     }  
  83.     inNs.client = customClient;  
  84.     //删除原_localVideo,便于在录制和播放视频之间切换  
  85.     vi = new Video();  
  86.     vi.width = 320;  
  87.     vi.height = 240;  
  88.     vi.attachNetStream(inNs);  
  89.     vdisplay.addChild(vi);   
  90.     inNs.play(lastVideoName+".flv");  
  91.     addEventListener(Event.ENTER_FRAME,onEnterFrame);   
  92.      }  
  93.   }  
  94.     
  95.   //初始化摄像头  
  96.   public function setupCamera():void{  
  97.    //启动摄像头  
  98.    cam = Camera.getCamera();   
  99.    if(cam != null){  
  100.     cam.addEventListener(StatusEvent.STATUS,onStatusHandler);  
  101.     cam.setMode(320,240,30);  
  102.     cam.setQuality(0,70);  //设置清晰度  
  103.     vi = new Video();  
  104.     vi.width = 320;  
  105.     vi.height = 240;  
  106.     vi.attachCamera(cam);  
  107.     vdisplay.addChild(vi);  
  108.   
  109.    }  
  110. //   mic = Microphone.getMicrophone();  
  111. //   if(mic != null){  
  112. //    mic.setSilenceLevel(0,-1); //设置麦克风保持活动状态并持续接收集音频数据  
  113. //    mic.gain = 80; //设置麦克风声音大小  
  114. //   }  
  115.   }  
  116.     
  117.   private function onStatusHandler(event:StatusEvent):void{  
  118.    if(!cam.muted){   //判断摄像头存不存在  
  119.     startRec.enabled = true;  
  120.    }else{  
  121.     Alert.show("错误:无法链接到活动摄像头!")  
  122.    }  
  123.    cam.removeEventListener(StatusEvent.STATUS,onStatusHandler);  
  124.   }  
  125.     
  126.   public function thumbPress(event:SliderEvent):void{  
  127.       inNs.togglePause();  
  128.    removeEventListener(Event.ENTER_FRAME,onEnterFrame);  
  129.   }  
  130.   private function thumbChanges(event:SliderEvent):void{  
  131.     playPosition = t_sh.value;        //当前播放视频进度的位置=当前播放进度条的位置  
  132.     inNs.seek(playPosition);   
  133.     addEventListener(Event.ENTER_FRAME,onEnterFrame);  
  134.   }  
  135.   private function thumbRelease(event:SliderEvent):void{      //释放mouse后执行  
  136.    inNs.seek(playPosition);                             //查找当前进度条位置  
  137.    inNs.togglePause();  
  138.       addEventListener(Event.ENTER_FRAME,onEnterFrame);  
  139.   }  
  140.   public function onEnterFrame(event:Event):void{  
  141.    if(_duration > 0 && inNs.time > 0){ //如果视频时间和正在播放视频的时间大于0  
  142.     t_sh.value =inNs.time;  
  143.     lbtime.text = formatTimes(inNs.time) + " / "+ formatTimes(_duration);  
  144.    }     
  145.    if(formatTimes(inNs.time)==formatTimes(_duration)){    //如果播放完毕,则关毕流,初始化摆放时间的label  
  146.       if(flag==true){        //如果是加载,就不执行 ||false代表是加载,true代表是播放结束  
  147.      removeEventListener(Event.ENTER_FRAME,onEnterFrame);  
  148.      inNs.close();      
  149.      lbtime.text = "0:00 / "+ formatTimes(_duration);  
  150.     }  
  151.        setTimeout(function():void{flag = true;},1000);  
  152.    }  
  153.    }  
  154.   //时间格式操作  
  155.   private function formatTimes(value:int):String{  
  156.    var result:String = (value % 60).toString();  
  157.    if (result.length == 1){  
  158.     result = Math.floor(value / 60).toString() + ":0" + result;  
  159.    } else {  
  160.     result = Math.floor(value / 60).toString() + ":" + result;  
  161.    }  
  162.    return result;  
  163.   }    
  164.   //声音音量控制  
  165. //  private function sound_thumbChanges(event:SliderEvent):void{  
  166. //   soundPosition = th_sound.value;  
  167. //  }  
  168. //  private function sound_thumbRelease(event:SliderEvent):void{  
  169. //   vdisplay.volume = soundPosition;  
  170. //  }  
  171.   
  172.  ]]>  
  173. </mx:Script>  
  174.  <mx:VideoDisplay x="0" y="0" width="324.5" height="240" id="vdisplay"/>  
  175.  <mx:Button x="10" y="250" label="开始录制" id="startRec" click="clickConnect()" enabled="false" />  
  176.  <mx:Button x="10" y="280" label="停止录制" width="70" id="stopRec" click="stopClick()" enabled="false" />  
  177.  <mx:Button x="253" y="268" label="播放" click="playLastVideo()"  />  
  178.  <mx:HSlider x="98" y="248" width="143" id="t_sh" thumbPress="thumbPress(event)" thumbRelease="thumbRelease(event)" change="thumbChanges(event)"/>  
  179.  <mx:Label x="237" y="242" text="0:00/0:00" width="89" textAlign="center" height="18" id="lbtime"/>  
  180.  <!--mx:HSlider x="98" y="278" width="91" id="th_sound" minimum="0" maximum="1" value="{vdisplay.volume}" change="sound_thumbChanges(event)" thumbRelease="sound_thumbRelease(event)"/>  
  181.  <mx:Label x="187" y="270" text="sound" height="20" width="44" textAlign="center"/-->   
  182. </mx:Application>  
  183.   
  184. 注:  
  185.   
  186. 1.red5做服务器,后面代码其实什么也没有,最关键的还是前端flex代码,当然还有些配置问题,相信做过red5  simple   demo的朋友应该知道,在这就不一一细说了.  
  187.   
  188. 2.文章中注释地方是音频的录制,因为本机上无麦克风所以就屏掉了。如果要加上些功能,去掉注释即可。  
  189.   
  190. 3.以下是前端显示图  




  • flex摄像头连接视频录制

你可能感兴趣的:(Flex)