Silverlight实用窍门系列：40.Silverlight中捕捉视频，截图保存到本地

     在Silverlight中我们可以捕捉视频设备以制作视频会议系统，或者通过视频设备截图功能上传头像等功能。

         下面我们通过一个简单的实例来访问视频设备，并且截取图像下载该截图文件至本地。

         一、在Silverlight运行界面中我们检查系统默认摄像头和麦克风是否可用如下图：

         二、我们看Xaml代码如下所示：

1. <Grid x:Name="LayoutRoot" Background="White"> 
2. <Border BorderBrush="Silver" BorderThickness="1" Height="346" HorizontalAlignment="Left" 
3. Margin="21,19,0,0" Name="border1" VerticalAlignment="Top" Width="477" > 
4. <Border.Background> 
5. <VideoBrush x:Name="ShowVideo"></VideoBrush> 
6. </Border.Background> 
7. </Border> 
8. <Button Content="打开摄像头" Height="32" HorizontalAlignment="Left" 
9. Margin="38,380,0,0" Name="button1" VerticalAlignment="Top" 
10. Width="95" Click="button1_Click" /> 
11. <Button Content="关闭摄像头" Height="32" HorizontalAlignment="Left" 
12. Name="button2" Width="85" VerticalAlignment="Top" 
13. Margin="268,380,0,0" Click="button2_Click" /> 
14. <Button Content="截 图" Height="32" Name="button3" Margin="153,380,0,0" 
15. HorizontalAlignment="Left" Width="91" VerticalAlignment="Top" 
16. Click="button3_Click" /> 
17. <StackPanel Height="346" HorizontalAlignment="Left" Margin="514,19,0,0" 
18. Name="stackPanel1" VerticalAlignment="Top" Width="460" /> 
19. </Grid> 
20. 复制代码 
21.  
22.         在这里我们建立一个Border显示视频图像，然后加三个按钮分别控制摄像头的打开、关闭、截图。最后加一个StackPanel来显示截图的影像。 
23.  
24.         三、下面请看CS代码如下所示，对于截图保存图片所用函数是在园子里的zhangxuguang2007兄弟那里找的。 
25. public partial class MainPage : UserControl 
26. { 
27. public MainPage() 
28. { 
29. InitializeComponent(); 
30. } 
31. //提供音频和视频的方法 
32. CaptureSource video = new CaptureSource(); 
33.  
34. private void button1_Click(object sender, RoutedEventArgs e) 
35. { 
36. //获取计算机上的默认视频对象 
37. VideoCaptureDevice camera = CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice(); 
38. //成功请求到计算机上的视频设备 
39. if (CaptureDeviceConfiguration.RequestDeviceAccess()) 
40. { 
41. //设置视频设备为Camera 
42. video.VideoCaptureDevice = camera; 
43. //VideoBrush设置源为video 
44. ShowVideo.SetSource(video); 
45. ShowVideo.Stretch = Stretch.Fill; 
46. //开始捕捉视频 
47. video.Start(); 
48. } 
49. } 
50.  
51. private void button3_Click(object sender, RoutedEventArgs e) 
52. { 
53. //截图 
54. WriteableBitmap wBitmap = new WriteableBitmap(border1, new MatrixTransform()); 
55. Image img = new Image(); 
56. img.Width = 450; 
57. img.Margin = new Thickness(2); 
58. img.Source = wBitmap; 
59. //保存图片 
60. if (wBitmap != null) 
61. { 
62. SaveFileDialog saveDlg = new SaveFileDialog(); 
63. saveDlg.Filter = "JPEG Files (*.jpeg)|*.jpeg"; 
64. saveDlg.DefaultExt = ".jpeg"; 
65.  
66. if ((bool)saveDlg.ShowDialog()) 
67. { 
68. using (Stream fs = saveDlg.OpenFile()) 
69. { 
70. SaveToFile(wBitmap, fs); 
71. MessageBox.Show("图片保存成功"); 
72. } 
73. } 
74. } 
75. this.stackPanel1.Children.Clear(); 
76. this.stackPanel1.Children.Add(img); 
77. } 
78. /// <summary> 
79. /// 保存图片, 
80. /// </summary> 
81. /// <param name="bitmap"></param> 
82. /// <param name="fs"></param> 
83. private static void SaveToFile(WriteableBitmap bitmap, Stream fs) 
84. { 
85. int width = bitmap.PixelWidth; 
86. int height = bitmap.PixelHeight; 
87. int bands = 3; 
88. byte[][,] raster = new byte[bands][,]; 
89.  
90. for (int i = 0; i < bands; i++) 
91. { 
92. raster[i] = new byte[width, height]; 
93. } 
94.  
95. for (int row = 0; row < height; row++) 
96. { 
97. for (int column = 0; column < width; column++) 
98. { 
99. int pixel = bitmap.Pixels[width * row + column]; 
100. raster[0][column, row] = (byte)(pixel >> 16); 
101. raster[1][column, row] = (byte)(pixel >> 8); 
102. raster[2][column, row] = (byte)pixel; 
103. } 
104.  
105. } 
106.  
107. FluxJpeg.Core.ColorModel model = new FluxJpeg.Core.ColorModel 
108. { colorspace = FluxJpeg.Core.ColorSpace.RGB }; 
109. FluxJpeg.Core.Image img = new FluxJpeg.Core.Image(model, raster); 
110.  
111. //Encode the Image as a JPEG 
112. MemoryStream stream = new MemoryStream(); 
113. FluxJpeg.Core.Encoder.JpegEncoder encoder = 
114. new FluxJpeg.Core.Encoder.JpegEncoder(img, 100, stream); 
115. encoder.Encode(); 
116.  
117. //Back to the start 
118. stream.Seek(0, SeekOrigin.Begin); 
119.  
120. //Get teh Bytes and write them to the stream 
121. byte[] binaryData = new Byte[stream.Length]; 
122. long bytesRead = stream.Read(binaryData, 0, (int)stream.Length); 
123. fs.Write(binaryData, 0, binaryData.Length); 
124. } 
125. private void button2_Click(object sender, RoutedEventArgs e) 
126. { 
127. //停止视频 
128. video.Stop(); 
129. } 
130. } 

        四、下面我们看看实际的运行效果如何，以及保存下文档的图分别如下所示,如需源码请点击 SL4Video.zip 下载：

本文转自程兴亮 51CTO博客，原文链接:http://blog.51cto.com/chengxingliang/826439