第7讲:WebCam应用

2010.11.7 苏鹏

内容介绍

- Silverlight中连接WebCam对象

- Silverlight中使用WebCam对象

- Silverlight中保存WebCam截图

 

预备知识

- 安装Visual Studio 2010

- 安装Expression Blend4

- 安装Silverlight tools for Visual Studio 2010

- 对C#有了解

 

启动WebCam

- CaptureSource类

- CaptureDeviceConfiguration

  - AllowedDeviceAccess

  - RequestDeviceAccess

- VideoBrush对象

 

Demo

- WebCam的使用

第7讲:WebCam应用_第1张图片

开启OOB应用

第7讲:WebCam应用_第2张图片

第7讲:WebCam应用_第3张图片

DragMove表示拖放窗体,Close表示关闭窗体

第7讲:WebCam应用_第4张图片

第7讲:WebCam应用_第5张图片

第7讲:WebCam应用_第6张图片

第7讲:WebCam应用_第7张图片

第7讲:WebCam应用_第8张图片

AllowedDeviceAccess表示允许访问视频对象,RequestDeviceAccess表示检查摄像头是否装好以及是否被其他程序占用。

 

截图

- CaptureImageAsync方法

- WriteableBitmap对象

 

Demo

- 带截图的WebCam对象实例

第7讲:WebCam应用_第9张图片

第7讲:WebCam应用_第10张图片

第7讲:WebCam应用_第11张图片

第7讲:WebCam应用_第12张图片

第7讲:WebCam应用_第13张图片

第7讲:WebCam应用_第14张图片

把事件中的参数用WriteableBitmap拿出来画图。

第7讲:WebCam应用_第15张图片

第7讲:WebCam应用_第16张图片

Demo来自菩提树下的杨过,这里直接把Canvas作为WriteableBitmap拿出来,注意我们不仅可以把视频源Brush拿出来,理论上可以把任何Xaml对象的样式用WriteableBitmap拿出来,保存成Image对象。

第7讲:WebCam应用_第17张图片

运行程序,会提示是否使用摄像头设备。刚才的例子之所以没有这个提示,是因为刚才的例子都是OOB应用,它已经装到桌面,并且勾选了可置信权限,因此不会问这个问题。

第7讲:WebCam应用_第18张图片

原始视频截图是用第一种方式截图,不会截出文字,而用bitmap截图是截取的Canvas,所以文字也会被截下来。

 

总结

- Silverlight中连接WebCam对象

- Silverlight中使用WebCam对象

- Silverlight中保存WebCam截图

2010.11.25

你可能感兴趣的:(Web)