`
兩ting
  • 浏览: 78762 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

flex摄像头连接视频录制

    博客分类:
  • 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视频摄像头录制上传到服务器及FMS服务器的安装与配置

    在本文中,我们将深入探讨如何使用FLEX技术实现视频...整个过程涉及了客户端的摄像头访问、视频录制、网络传输,以及服务器端的安装和配置等多个技术环节。理解并掌握这些知识,将有助于开发出高效、稳定的视频应用。

    flex 视频录制于推流

    1. **初始化摄像头和网络连接**:在`init()`方法中调用`setupCamera()`初始化摄像头,这为后续的视频录制打下基础。同时创建了一个`NetConnection`对象用于连接到指定的RTMP服务器(例如:`rtmp://127.0.0.1:1935/...

    flex 多摄像头 发布 接收

    在这个“flex多摄像头发布接收”示例中,我们将探讨如何在Flex中利用多摄像头功能进行视频流的发布与接收。 1. **Flex中的摄像头API** Flex提供了内置的`Camera`类,允许开发者访问和控制用户的摄像头设备。通过`...

    flash视频录制播放代码

    源码会展示如何使用Flex API进行视频录制,包括设置摄像头和麦克风参数,开始/停止录制,以及处理录制后的FLV文件。同时,源码也会演示如何加载和播放这些FLV文件,可能涉及到VideoPlayer类或者其他自定义播放器组件...

    Flex视频语音文字聊天程序

    `Camera` 和 `Microphone` 类分别用于捕获视频和音频输入,`Camera.getCamera()` 方法用于获取系统默认摄像头,`setMode` 和 `setQuality` 方法则分别用于设置摄像头的分辨率和视频质量,从而实现视频的实时录制与...

    flex+fms实现视频直播源码

    这个项目提供了一个简单示例,演示了如何利用Flex进行摄像头和音频的捕获与录制,以及如何将这些内容实时推送到FMS服务器进行广播。下面将详细介绍这个系统的工作原理和关键知识点。 1. **Flex**:Flex是Adobe推出...

    Flex Camera例子

    在本例子中,Flex Camera组件被用来捕获和处理摄像头输入的视频流,从而实现视频录制和回放的功能。 首先,我们来深入了解一下Flex Camera组件。Camera类是Flex SDK中用于访问和控制用户计算机摄像头的关键类。通过...

    利用fms服务器和flex来做在线视频聊天.docx

    而"VOD"模式则适用于点播视频服务,用户可以按需观看预先录制好的视频。 在Flex端,我们主要通过编写ActionScript代码来处理视频聊天的功能。以下是一段示例代码: 1. 首先,导入必要的事件类: ```actionscript ...

    flex ios 安卓 手机项目,相机的打开和使用

    这段代码首先导入了`Camera`和`Video`类,然后通过`Camera.getCamera()`获取摄像头实例,并将其连接到`Video`对象上,最后将视频对象添加到舞台,以显示摄像头预览。 为了实现拍照功能,我们需要使用`Microphone`类...

    flex java red5完全学习手册

    通过以上知识点的介绍,可以看出《Flex Java Red5 完全学习手册》旨在为开发者提供一套全面的指南,涵盖了从Red5的安装到基于Flex和Java的实际应用开发,包括视频录制与播放、视频播放程序以及视频聊天等多个方面。...

    Flash ActionScript3.0 发布 H.264视频流.docx

    总结来说,Flash ActionScript3.0发布H.264视频流涉及建立网络连接,创建NetStream对象,捕获和编码摄像头输入,以及监听流的状态。这个过程对于开发实时的在线视频应用,如视频聊天、直播或视频会议系统至关重要。

    fms3中文文档

    - **实时内容**:客户端通过摄像头捕捉的视频或音频,经过编码后通过服务器传输给其他客户端。 #### 四、技术要点总结 - **实时消息协议 (RTMP)**:用于客户端与服务器之间的数据交换,支持双向通信。 - **...

    red5入门教程.....

    - **录制视频**:Red5具备录制功能,能将客户端摄像头或屏幕的视频流录制并保存至服务器。 - **设置视频保存位置**:通过配置,指定录制视频的保存路径和格式。 #### 七、利用Scope和Room管理客户端 - **Scope与...

    fms3.5开发指南

    客户端应用通常使用Flash或Flex开发,负责捕捉音视频和用户交互,而服务器端应用则在服务器上运行,管理用户连接、授权和其他逻辑。一个完整的FMS应用通常由客户端UI、客户端AS代码、媒体文件、输入设备(如摄像头或...

    red5教程和基本例子

    - **录制视频**:客户端可以将摄像头捕获的画面录制并上传至服务器。 - **设置视频保存位置**:可以在服务器上配置视频文件的保存路径。 #### 八、利用Scope与Room管理客户端 - **Scope与Room**:通过设置不同的...

    常见手机零配件及电子产品中英文对照.doc

    20. **Back Camera**:后置摄像头,主要用于拍摄照片和录制视频。 21. **Speaker / Loud Speaker**:喇叭,播放音频输出。 22. **Earpiece speaker**:听筒,将声音传送到用户耳朵。 23. **Microphone**:麦克风...

    red5-server-1.0.10-M4.tar.gz

    例如,你可以创建一个简单的Java或Flex客户端,使用Red5的API将本地摄像头的视频流发布到服务器,然后其他用户可以通过订阅该流来观看。 最后,对于初学者,建议阅读Red5的官方文档和社区论坛,以便更好地理解和...

Global site tag (gtag.js) - Google Analytics