Silverlight 4 中摄像头的运用—part1
入的视频
摄像头经过一个Video对象就能让你看到视频,而这个对象是一个显示对象,所以显示对象能做得事情,它都能做,比如滤镜,变形,混合模式等等。当然最强大的还是使用WriteableBitmap画出视频内容。这样,通过图像分析、 比较等等,对于图像处理来说就有着无限可能。
这里来看看如何引用摄像头并看到拍摄的视频。 ===================================
public partial class MainPage : UserControl
{
CaptureSource _captureSource;
VideoCaptureDevice _video;
public MainPage()
{
InitializeComponent();
_captureSource = new CaptureSource();
_video = CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice();
if (_video != null) {
_captureSource.VideoCaptureDevice = _video;
}
btnStart.Click += new RoutedEventHandler(btnStart_Click);
}
void btnStart_Click(object sender, RoutedEventArgs e)
{
if (CaptureDeviceConfiguration.AllowedDeviceAccess ||
CaptureDeviceConfiguration.RequestDeviceAccess())
{
_captureSource.Start();
}
}
}
有了摄像头,就该输出视频了。把摄像头的数据作为视频刷子赋值到Rectangle对象上即可,再把Rectangle加入到场景中。 ===================================
public partial class MainPage : UserControl
{
CaptureSource _captureSource;
VideoCaptureDevice _video;
VideoBrush _videoBrush;
Rectangle _rect;
public MainPage()
{
InitializeComponent();
_captureSource = new CaptureSource();
_video = CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice();
if (_video != null) {
_captureSource.VideoCaptureDevice = _video;
_videoBrush = new VideoBrush();
_videoBrush.SetSource(_captureSource);
}
btnStart.Click += new RoutedEventHandler(btnStart_Click);
}
void btnStart_Click(object sender, RoutedEventArgs e)
{
if (CaptureDeviceConfiguration.AllowedDeviceAccess ||
CaptureDeviceConfiguration.RequestDeviceAccess())
{
_rect = new Rectangle();
_rect.Width = 300;
_rect.Height = 225;
_rect.Fill = _videoBrush;
LayoutRoot.Children.Add(_rect);
_captureSource.Start();
}
}
}
=================================== 视频尺寸和质量 场景上出现了摄像头拍摄的内容。但画面不够大,也不像其它看到的视频那样清晰。这不是因为Silverlight不行,而是由于默认的设置不好。视频可以在创建时设置其大小,默认是640x480。我们可以查看Video对象。
这里可知他一共支持了21种格式。通过简单的设置便可以更改摄像头的清晰度。
_video.DesiredFormat = _video.SupportedFormats[3]; 要知道,越高的fps,机器在处理视频时越费劲。对于类似视频会议这种东西,视频的质量和尺寸并不是非常重要,所以不要为此花太大精力。
视频和位图
正如之前说的,摄像头最强大的应用是混合WriteableBitmap。所以,通过Render把视频绘制在一个WriteableBitmap对象里,就能以像素级来控制整个东西了。当然,对于动画,就需要不停的绘制。 ===================================
void btnStart_Click(object sender, RoutedEventArgs e)
{
if (CaptureDeviceConfiguration.AllowedDeviceAccess ||
CaptureDeviceConfiguration.RequestDeviceAccess())
{
_rect = new Rectangle();
_rect.Width = 320;
_rect.Height = 240;
_rect.Fill = _videoBrush;
_rect.Visibility = Visibility.Collapsed;
LayoutRoot.Children.Add(_rect);
_wb = new WriteableBitmap(_rect, null);
_wb_image = new Image();
_wb_image.Width = 320;
_wb_image.Height = 240;
_wb_image.Source = _wb;
LayoutRoot.Children.Add(_wb_image);
_captureSource.Start();
_isEnableCamera = true;
}
}
void OnRender(object sender, EventArgs e)
{
if (_isEnableCamera)
{
_wb.Render(_rect, null);
_wb.Invalidate();
}
}
===================================
反转图像 要知道,用户在摄像头前所做的反应,总希望和镜子中一样,人往左,视频中人也往左,人往右,其也往右。但事实并不是这样,所以需要我们来为之做反转图像。 ===================================
void OnRender(object sender, EventArgs e)
{
if (_isEnableCamera)
{
MatrixTransform transform = new MatrixTransform();
transform.Matrix = new Matrix(-1, 0, 0, 1, 320, 0);
_wb.Render(_rect, transform);
_wb.Invalidate();
}
}
===================================
对象的绘制以传入的变形矩阵为依据。通过矩阵能做很多事情,虽然只有很简单的前四个参数,它们却控制着缩放,旋转和形变。这里让图形的x轴缩放率等于 -1,意味着水平反转它。接着,0的意思是指图形没有旋转和形变,最后一个1是说y轴保持100%不变。但仅仅如此,还看不到任何东西。因为此时的矩阵是从右向左扩展的,而最后两个参数是把矩阵移到图形的右上角,这样就保证落入了可视范围。
分析像素 现在你拥有了像素的控制权,该如何处置?记得我之前说过不要高质量、高分辨率的视频嘛?我现在要更进一步的说,越低分辨率、越低质量越好。就算只有320x240大小的视频图像,每一帧要处理的像素也有76800个啊。所以不要搞太大的视频来玩。事实上,你将会发现我要做的第一件事情,是设计如何除掉这么多像素带来的巨大信息。一般来说,我们只对视频的某个颜色区域,或者对比度之类的感兴趣。
分析颜色
首先我们尝试着跟踪一个具体颜色。假如用户拿一个颜色(红色)比较突出的东西在摄像头前面晃动,我们能跟踪其位置就算成功。
首先了解一下像素数组的排列方式。
所以像素的算法是
int pixel = bmSource.Pixels[y * imageWidth + x]
接下来根据pixel 反向算回颜色
Color color = Color.FromArgb(
(byte)((pixel >> 24) & 0xff),
(byte)((pixel >> 16) & 0xff),
(byte)((pixel >> 8) & 0xff),
(byte)((pixel) & 0xff));
有了以上的原理就可以分析WriteableBitmap的颜色了。
- 使用Zabbix服务端本地邮箱账号发送报警邮件及指定报警邮件操作记录
- fckeditor上传问题的解决
- Flash/Flex学习笔记(46):正向运动学
- 异步Socket处理的一些测试值
- .Net中DES加密的细节问题
- 分布式监控系统Zabbix--完整安装记录 -添加web页面监控
- .Net中使用带UI的OCX的方法
- 2017数据科学领域15大热门GitHub项目
- 简单分页的性能优化
- Flash/Flex学习笔记(42):坐标旋转
- 分布式监控系统Zabbix-完整安装记录 -添加端口监控
- Flash/Flex学习笔记(40):弹性运动续--弹簧
- 表格样式—粗边框细表格线
- 分布式监控系统Zabbix--完整安装记录 -添加apache监控
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Dynamic Programming - 62. Unique Paths
- Dynamic Programming - 70. Climbing Stairs
- LinkedList - 23. Merge k Sorted Lists
- LinkedList - 86. Partition List
- LinkedList - 148. Sort List
- LinkedList - 61. Rotate List
- LinkedList - 143. Reorder List
- LinkedList - 160. Intersection of Two Linked Lists
- LinkedList - 21. Merge Two Sorted Lists
- LinkedList - 82. Remove Duplicates from Sorted List II
- LinkedList - 203. Remove Linked List Elements
- LinkedList - 83. Remove Duplicates from Sorted List
- LinkedList - 19. Remove Nth Node From End of List
- LinkedList - 92. Reverse Linked List II
- LinkedList - 328. Odd Even Linked List