Flash/Flex学习笔记(27):摄像头/麦克风的视频/音量指示器

在一些实时视频或视频分享应用中,需要动态显示麦克风的音量大小,或者检测视频是不是正在播放,这里演示一种简单的音量指示器
1.先写一个指示器类

其实就是一个根据百分比来填充的矩形

package {
	import flash.display.Sprite;

	//音量指示器(by 菩提树下的杨过 http://yjmyzz.cnblogs.com/)
	public class Indicator extends Sprite {

		private var _w:uint;
		private var _h:uint;
		private var _bColor:uint;
		private var _bgColor:uint;
		private var _fColor:uint;
		private var _current:Number;

		public function Indicator(w:uint=150,h:uint=15,borderColor:uint=0x000000,bgColor:uint=0xffffff,fillColor:uint=0xff6600,current:Number=0.3):void {
			//trace("Indicator");
			this._w=w;
			this._h=h;
			this._bColor=borderColor;
			this._bgColor=bgColor;
			this._fColor=fillColor;
			this._current=current;
			if (_current>=1) {
				_current=1;
			} else if (_current<=0) {
				_current=0;
			}
			init();
		}

		public function set Current(v:Number):void {
			_current=v;
			if (_current>=1) {
				_current=1;
			} else if (_current<=0) {
				_current=0;
			}
			init();
		}

		public function get Current():Number {
			return (_current);
		}

		private function init():void {
			graphics.clear();
			graphics.lineStyle(1,_bColor);

			//先画背景色
			graphics.beginFill(_bgColor);
			graphics.drawRect(-1*_w/2,-1*_h/2,_w,_h);
			graphics.endFill();

			//再画当前值
			graphics.lineStyle(1,_bColor,0);
			graphics.beginFill(_fColor);
			var _per:Number=_w*_current;
			graphics.drawRect(-1*_w/2 +0.5  ,-1*_h/2 +0.5,_per,_h-1);
			graphics.endFill();

		}
	}
}

2.如何获取音量大小以及监测摄像头直播状态

音量大小可以通过activityLevel属性获得,但摄像头的画面变化程度却无法直接获取,但每当摄像头画面有活动时ACTIVITY事件将被触发,所以可在该事件中监测最后一次活动的时间与当前时间做比较,从而判断画面有多久没有变化了。

var videoInd:Indicator=new Indicator(100,10,0x000000,0xffffff);
var audioInd:Indicator=new Indicator(100,10,0x000000,0xffffff);

addChild(videoInd);
addChild(audioInd);

//初始化视频/音频指示器位置
videoInd.x=stage.stageWidth/2 + 30;
videoInd.y=-100;
audioInd.x=stage.stageWidth/2 + 30;
audioInd.y=-100;

txtMsg.y = stage.stageHeight/2 - txtMsg.height/2;
txtMsg.width = stage.stageWidth;

var cam:Camera;
var mic:Microphone;
var video:Video;
var videoIsWorked=false;
var lastVideoActiveData:Date = new Date();
var timer:Timer = new Timer(100,20);//每隔100ms检测摄像头状态,一共检测20次

function startCheckVideo() {
	cam=Camera.getCamera();
	if (cam==null) {
		txtMsg.text="未安装摄像头!";
		return;
	}
	cam.addEventListener(StatusEvent.STATUS, statusHandler);
	cam.addEventListener(ActivityEvent.ACTIVITY,camActivityHandler);
	video=new Video(cam.width,cam.height);
	//trace("视频宽度:" + cam.width + ",视频高度:" + cam.height);
	video.height = 120;
	video.width = 160;
	video.x=stage.stageWidth/2-video.width/2;
	video.y=10;
	video.attachCamera(cam);//执行这句时,flash才会弹出摄像头是否允许使用提示框
}

//摄像头有活动时,被触发
function camActivityHandler(e:ActivityEvent) {
	//trace("camActivityHandler:" + new Date().toString());
	if (!videoIsWorked) {
		timer.addEventListener(TimerEvent.TIMER,TimerHandler);
		timer.addEventListener(TimerEvent.TIMER_COMPLETE,timerCompleteHandler);
		timer.start();
	}
	lastVideoActiveData = new Date();//记录本次视频活动时间
}

//回调函数
function TimerHandler(e:TimerEvent):void {
	txtMsg.text="摄像头视频获取中..." ;

	if (cam.currentFPS>0) {
		timer.stop();
		addChild(video);//加载到当前舞台中
		videoInd.y=video.y+video.height+10;
		audioInd.y=videoInd.y + videoInd.height + 10;
		txtVideo.text = "视频状态:"
		txtVideo.y = videoInd.y - 8
		txtVideo.x = videoInd.x - videoInd.width -20  ;
		txtAudio.text = "音频状态:"
		txtAudio.y = audioInd.y - 8
		txtAudio.x = audioInd.x - audioInd.width -20 ;
		if (txtMsg!=null) {
			removeChild(txtMsg);
		}
		videoIsWorked=true; //摄像头工作正常
		this.addEventListener(Event.ENTER_FRAME,EnterFrameHandler);
	}	

}

function timerCompleteHandler(e:TimerEvent):void{
	txtMsg.text="设备无法使用(有可能被占用)";
}

//用户选择"同意"或"不允许"使用摄像头时触发
function statusHandler(e:StatusEvent) {
	if (e.code=="Camera.Muted") {
		txtMsg.text="您不允许使用摄像头!";
	} else if (e.code == "Camera.Unmuted") {
		txtMsg.text="摄像头视频获取中...";
		camActivityHandler(null);//重要:在release模式下,webCam的Activity事件不会自动触发(Adobe的bug?),所以要显式手动调用一次
	}
}

//开始检测麦克风
function startCheckAudio():void{
	mic = Microphone.getMicrophone();
	mic.setLoopBack(true);//将采集到的声音回发到扬声器(否则自己听不到自己的声音,不方便测试)
}

function EnterFrameHandler(e:Event):void{
	var curDate:Date = new Date();
	var _timeSpan:Number = curDate.time - lastVideoActiveData.time;
	if (_timeSpan >= 30 * 1000){
		trace("您的视频已经超过30秒没动静了!");
		videoInd.Current = 0;
	}
	else{
		videoInd.Current = Math.random() * 0.1;//视频指示器
	}
	if (mic!=null){
		audioInd.Current = 0.05 + mic.activityLevel/100;//音量指示器
	}
}

txtMsg.text="正在检测摄像头...";
startCheckVideo();
startCheckAudio();

源文件:http://cid-2959920b8267aaca.skydrive.live.com/self.aspx/Flash/webCamStatus.rar

时间: 2024-11-16 22:55:20

Flash/Flex学习笔记(27):摄像头/麦克风的视频/音量指示器的相关文章

Flash/Flex学习笔记(5):捕获摄像头(续)--在线抓屏并保存到客户端本地

必须有摄像头上面的演示才能正常播放. 思路 使用摄像头以及在线抓屏在上一节Flash/Flex学习笔记(2)捕获摄像头 里已经讲过了就不重复粘贴了至于在客户端保存文件Flash里用起来也很简单:直接调用 FileReference 即可另外为了减少图片大小还可能借助AS3.0的扩展库项目地址http://code.google.com/p/as3corelib/把bmp格式的位置转换成jpeg再保存   扩展 结合本文的方法再配合Flash/Flex学习笔记(4)如何打开网页及Get/Post数

Flash/Flex学习笔记(6):制作基于xml数据源的flv视频播放器

今天折腾了大半天,总算搞出了一个功能简单的视频播放器,可以向公司领导交差了 :) 步骤: 1.Flash CS4 中 先拖一个"FLVPlayback"组件到舞台上 注:FLVPlayback本身已经具备了flv播放的基本功能,简单设置下属性就能播放视频了 2.加载xml数据源 xml数据源格式如下: <?xml version="1.0" encoding="utf-8"?> <data> <item flv=&q

Flash/Flex学习笔记(37):不用系统组件(纯AS3)的视频播放器--只有8.82K

以前为了赶项目,利用系统组件制作过一款视频播放器(见Flash/Flex学习笔记(6):制作基于xml数据源的flv视频播放器),但是系统组件实在是太大了,最终生成的swf居然有103K,随着AS3的深入学习,昨天又弄了一个只用AS3的播放器,最终只有8.82K,呵呵,这肥减得那是相当厉害. 用到了上一篇(Flash/Flex学习笔记(35):自己动手实现一个滑块控件(JimmySilder))里自己写的的滑块控件,主要代码如下(关键是NetConnection与NetStream对象的使用):

Flash/Flex学习笔记(57):实用技巧

布朗运动: varnumDots:uint=50; varfriction:Number=0.9; vardots:Array; varlife:uint=0; functioninit(){ graphics.lineStyle(0,0xffffff,.5); dots=newArray(); for(vari:uint=0;i<numDots;i++){ vardot:Ball=newBall(2,0x00ff00); dot.x=Math.random()*stage.stageWidth

Flash/Flex学习笔记(46):正向运动学

所谓"正向运动学"通俗点讲就是把几个连接部件的一端固定起来,另一个端可以自由(向前/向外)运动.比如人的行走,单个下肢可以理解为脚连接小腿,小腿连接大腿,大腿连接腰.行走的过程,相当于二条腿相对固定于腰部,大腿运动驱动小腿,小腿又驱动脚,从而带动整个连接系统的一系列运动. 先来一个基本的关节类Segment:(就是一个圆角矩形+二个小圆圈) package { import flash.display.Sprite; import flash.geom.Point; public cl

Flash/Flex学习笔记(24):粒子效果

粒子爆炸: 仍然要用到以前的小球类,不过稍加改造 package { import flash.display.Sprite; //小球 类 public class Ball extends Sprite { public var radius:uint;//半径 public var color:uint;//颜色 public var vx:Number=0;//x轴速度 public var vy:Number=0;//y轴速度 public function Ball(r:Number

Flash/Flex学习笔记(25):摩擦力与屏幕环绕

摩擦力: 假如一个物体在某个方向上沿直线运行,摩擦力会使该方向上的速度越来越小,直到停止. 上图示意了该过程,物体以moveAngle角度正向运动,最终的速度speed矢量为vx矢量与vy矢量的矢量和,在每个单位时间内的位移即Speed矢量的大小,分解到x,y轴后,即为vx与vy:加入摩擦力后,speed矢量每单位时间将减少Friction值,也就是视觉上的越来越慢. var ball:Ball = new Ball(10); ball.x = stage.stageWidth/2; ball.

Flash/Flex学习笔记(30):不用startDrag和stopDrag的对象拖动

对于从Sprite类继承来的对象,要实现拖放当然是Flash/Flex学习笔记(13):对象拖动(startDrag/stopDrag) 里讲的方法最方便,但是对于不是从Sprite类继承得来的对象,这startDrag/stopDrag是不能用的,这时候只能采用最通常用做法:利用Mouse_Down,Mouse_UP,Mouse_Move事件来处理 注意:对象的Mouse_Move事件,只有当鼠标在对象上时才能被监听,如果用户鼠标移动过快,超出了对象的范围,该事件就不起作用了,所以监听Mous

Flash/Flex学习笔记(44):万有引力与粒子系统

万有引用公式: 其中G为万有引力常数   var numParticles:uint=50;//粒子总数 var G:Number=0.03;//万有引力常数 var particles:Array=new Array(numParticles); var bounce:Number=-0.4;//边界反弹系统 //初始化 function init():void { particles = new Array(); for (var i:uint = 0; i < numParticles;