flex视频,声音录制及播放
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="312" width="328" creationComplete="init()">
<mx:Script>
<![CDATA[
//预定义声明
import mx.controls.Alert;
import mx.events.SliderEvent;
//创建一个基本的网络连接对象
private var vi:Video;
private var cam:Camera; //定义一个摄像头
private var inNs:NetStream;
private var outNs:NetStream;
private var nc:NetConnection;
//private var mic:Microphone; //定义一个麦克风
private var _duration:Number; //视频播放时间
private var playPosition:Number; //定义播放进度位置
//private var soundPosition:Number; //定义声音大小控制条的位置
private var flag:Boolean = false;
private var lastVideoName:String = ""; //视频录制后保存的名字
private var _url:String = "rtmp://127.0.0.1:1935/videoRec";
public function init():void{
setupCamera(); //初始化摄像头信息
}
//开始录制按扭点击
public function clickConnect():void{
nc = new NetConnection();
nc.addEventListener(NetStatusEvent.NET_STATUS,nsHandler);
nc.connect(_url); //连接red5服务器
}
public function nsHandler(evt:NetStatusEvent):void{
if (evt.info.code == "NetConnection.Connect.Success"){ //如果连接成功
playClick();
}else{
Alert.show("连接失败");
}
}
//开始录制
public function playClick():void{
if(vi != null){
vi.clear();
vdisplay.removeChild(vi);
vi = new Video();
vi.width = 320;
vi.height = 240;
vi.attachCamera(cam);
vdisplay.addChild(vi);
}
outNs = new NetStream(nc);
outNs.attachCamera(cam); //把摄像头存入outNs
//outNs.attachAudio(mic); //把麦克风存入outNs
lastVideoName = "red5RecordDemo_" + Math.random()+getTimer();
outNs.publish(lastVideoName, "record");
startRec.enabled = false;
stopRec.enabled = true;
}
//停止录制
public function stopClick():void{
//关闭ns与red5的连接
outNs.close();
vi.clear();
vdisplay.removeChild(vi);
//锁定开始按键使其生效
startRec.enabled = true;
//锁定停止按键使其失效
stopRec.enabled = false;
}
//录制完以后播放
public function playLastVideo():void{
if(nc!=null){
//addEventListener(Event.ENTER_FRAME,onEnterFrame);
inNs = new NetStream(nc);
//定义onMetaData，获取视频相关数据
var customClient:Object = new Object();
customClient.onMetaData = function(metadata:Object):void{
_duration = metadata.duration; //获取视频持续时间
t_sh.maximum = _duration;
}
inNs.client = customClient;
//删除原_localVideo，便于在录制和播放视频之间切换
vi = new Video();
vi.width = 320;
vi.height = 240;
vi.attachNetStream(inNs);
vdisplay.addChild(vi);
inNs.play(lastVideoName+".flv");
addEventListener(Event.ENTER_FRAME,onEnterFrame);
}
}
//初始化摄像头
public function setupCamera():void{
//启动摄像头
cam = Camera.getCamera();
if(cam != null){
cam.addEventListener(StatusEvent.STATUS,onStatusHandler);
cam.setMode(320,240,30);
cam.setQuality(0,70); //设置清晰度
vi = new Video();
vi.width = 320;
vi.height = 240;
vi.attachCamera(cam);
vdisplay.addChild(vi);
}
// mic = Microphone.getMicrophone();
// if(mic != null){
// mic.setSilenceLevel(0,-1); //设置麦克风保持活动状态并持续接收集音频数据
// mic.gain = 80; //设置麦克风声音大小
// }
}
private function onStatusHandler(event:StatusEvent):void{
if(!cam.muted){ //判断摄像头存不存在
startRec.enabled = true;
}else{
Alert.show("错误：无法链接到活动摄像头！")
}
cam.removeEventListener(StatusEvent.STATUS,onStatusHandler);
}
public function thumbPress(event:SliderEvent):void{
inNs.togglePause();
removeEventListener(Event.ENTER_FRAME,onEnterFrame);
}
private function thumbChanges(event:SliderEvent):void{
playPosition = t_sh.value; //当前播放视频进度的位置=当前播放进度条的位置
inNs.seek(playPosition);
addEventListener(Event.ENTER_FRAME,onEnterFrame);
}
private function thumbRelease(event:SliderEvent):void{ //释放mouse后执行
inNs.seek(playPosition); //查找当前进度条位置
inNs.togglePause();
addEventListener(Event.ENTER_FRAME,onEnterFrame);
}
public function onEnterFrame(event:Event):void{
if(_duration > 0 && inNs.time > 0){ //如果视频时间和正在播放视频的时间大于0
t_sh.value =inNs.time;
lbtime.text = formatTimes(inNs.time) + " / "+ formatTimes(_duration);
}
if(formatTimes(inNs.time)==formatTimes(_duration)){ //如果播放完毕，则关毕流,初始化摆放时间的label
if(flag==true){ //如果是加载，就不执行 ||false代表是加载，true代表是播放结束
removeEventListener(Event.ENTER_FRAME,onEnterFrame);
inNs.close();
lbtime.text = "0:00 / "+ formatTimes(_duration);
}
setTimeout(function():void{flag = true;},1000);
}
}
//时间格式操作
private function formatTimes(value:int):String{
var result:String = (value % 60).toString();
if (result.length == 1){
result = Math.floor(value / 60).toString() + ":0" + result;
} else {
result = Math.floor(value / 60).toString() + ":" + result;
}
return result;
}
//声音音量控制
// private function sound_thumbChanges(event:SliderEvent):void{
// soundPosition = th_sound.value;
// }
// private function sound_thumbRelease(event:SliderEvent):void{
// vdisplay.volume = soundPosition;
// }
]]>
</mx:Script>
<mx:VideoDisplay x="0" y="0" width="324.5" height="240" id="vdisplay"/>
<mx:Button x="10" y="250" label="开始录制" id="startRec" click="clickConnect()" enabled="false" />
<mx:Button x="10" y="280" label="停止录制" width="70" id="stopRec" click="stopClick()" enabled="false" />
<mx:Button x="253" y="268" label="播放" click="playLastVideo()" />
<mx:HSlider x="98" y="248" width="143" id="t_sh" thumbPress="thumbPress(event)" thumbRelease="thumbRelease(event)" change="thumbChanges(event)"/>
<mx:Label x="237" y="242" text="0:00/0:00" width="89" textAlign="center" height="18" id="lbtime"/>
<!--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)"/>
<mx:Label x="187" y="270" text="sound" height="20" width="44" textAlign="center"/-->
</mx:Application>
注:
1.red5做服务器,后面代码其实什么也没有，最关键的还是前端flex代码,当然还有些配置问题，相信做过red5 simple demo的朋友应该知道，在这就不一一细说了.
2.文章中注释地方是音频的录制，因为本机上无麦克风所以就屏掉了。如果要加上些功能，去掉注释即可。
3.以下是前端显示图
