新时尚Windows8开发(28):多媒体捕捉(低级篇)
先解释一下啥是“多媒体捕捉”,这只是一种直译,说得通俗一点,就是希望应用程序可以调用摄像头拍摄“艳照”或者录制视频。比如美图秀秀可以处理你已经保存的图片,但也可能让你现场来“秀”一下。如果我们需要在应用程序中让用户实时拍摄照片,这个功能就显得必须了。
比如,你想弄个偷拍程序,当然,这是做梦,因为出于安全和尊重用户的隐私考虑,Win8“板砖”应用在使用摄像头之前会先问一下用户:“我能用用你的摄像头吗?”如果用户说:“OK,木有问题,那就调用。”而如果用户说:“靠,滚!”那你这个功能只能一边站了。
那为什么叫“低级篇”呢?因为我们本节只用到系统默认带的拍摄UI,已经封装好了,用起来很轻松,如果你的应用只是简单的拍摄,就优先考虑这个。因为这世界上只有傻X才会把简单的事情复杂化。
那么这具组件在哪里?按名字找,嘿嘿,找着了,在命名空间Windows.Media.Capture下,她的大名叫CameraCaptureUI,后面带有UI两个字母,你都猜到她是谁了。
在“对象浏览器”认真研究一下这位MM,你发现,她太单纯了,两个分别用来设置照片和视频参数的属性,即PhotoSettings和VideoSettings。而好的思想更简单,要拍摄吗?请调用CaptureFileAsync方法吧,看方法名,是异步的,用的时候记得不要忘了await关键字啊。
纯真的女孩就是可爱,如果你只需要单纯的拍摄功能,不要犹豫了,果断选择她吧。
有句话叫“知行合一”,还有一句话叫“天人合一”,所以,光嘴巴上吹也不行,亲,别光坐着,动手干活!
1、启动VS ,新项一个空白页面应用。
2、主页的布局我直接贴代码,因为我不相信你看不懂。
【XAML】
<Page x:Class="Example27.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:Example27" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Canvas Grid.Column="0" Width="180"> <Button Canvas.Left="13" Canvas.Top="20" Padding="10,8" Content="拍照" Click="onClick" FontSize="38"/> <StackPanel Orientation="Vertical" Canvas.Left="15" Canvas.Top="140"> <RadioButton Content="照片" GroupName="setting" IsChecked="True" Checked="onRadChecked"/> <RadioButton Content="视频" GroupName="setting" Checked="onRadChecked"/> </StackPanel> </Canvas> <Image Grid.Column="1" Margin="15" x:Name="imgPhoto" Stretch="Uniform"/> <MediaElement Grid.Column="1" x:Name="me" Margin="18" AutoPlay="False" Visibility="Collapsed" CurrentStateChanged="me_CurrentStateChanged_1"/> </Grid></Page>
后台代码嘛,我就先帖后述吧。
【C#】
using System;using System.Collections.Generic;using System.IO;using System.Linq;using Windows.Foundation;using Windows.Foundation.Collections;using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;using Windows.UI.Xaml.Controls.Primitives;using Windows.UI.Xaml.Data;using Windows.UI.Xaml.Input;using Windows.UI.Xaml.Media;using Windows.UI.Xaml.Navigation;using Windows.Media.Capture;using Windows.Storage;using Windows.Storage.Streams;using Windows.UI.Xaml.Media.Imaging;namespace Example27{ /// <summary> /// 可用于自身或导航至 Frame 内部的空白页。 /// </summary> public sealed partial class MainPage : Page { public MainPage() { this.InitializeComponent(); } /// <summary> /// 捕捉模式 /// </summary> CameraCaptureUIMode CaptureMode = CameraCaptureUIMode.Photo; private void onRadChecked(object sender, RoutedEventArgs e) { RadioButton rdb = sender as RadioButton; if (rdb != null) { string content = rdb.Content as string; if (content == "照片") { this.CaptureMode = CameraCaptureUIMode.Photo; } else { this.CaptureMode = CameraCaptureUIMode.Video; } } } private async void onClick(object sender, RoutedEventArgs e) { CameraCaptureUI ui = new CameraCaptureUI(); // 照片用PNG格式,视频用WMV格式吧 ui.PhotoSettings.Format = CameraCaptureUIPhotoFormat.Png; ui.VideoSettings.Format = CameraCaptureUIVideoFormat.Wmv; // Action,开始偷拍 StorageFile file = await ui.CaptureFileAsync(this.CaptureMode); if (file != null) { if (this.CaptureMode == CameraCaptureUIMode.Photo) { BitmapImage bmp = new BitmapImage(); bmp.SetSource(await file.OpenAsync(FileAccessMode.Read)); this.imgPhoto.Source = bmp; this.imgPhoto.Visibility = Windows.UI.Xaml.Visibility.Visible; this.me.Visibility = Windows.UI.Xaml.Visibility.Collapsed; } else { me.SetSource(await file.OpenAsync(FileAccessMode.Read), file.ContentType); this.imgPhoto.Visibility = Windows.UI.Xaml.Visibility.Collapsed; this.me.Visibility = Windows.UI.Xaml.Visibility.Visible; } } } private void me_Tapped(object sender, TappedRoutedEventArgs e) { if (me.CurrentState == MediaElementState.Playing) { me.Pause(); } else { me.Play(); } } /* * 如果MediaElement中的多媒体可用,就附加Tapped事件处理,只要点击就会播放视频; * 如MediaElement中的多媒体不可用,便解除Tapped事件的处理绑定 */ private void me_CurrentStateChanged_1(object sender, RoutedEventArgs e) { switch (this.me.CurrentState) { case MediaElementState.Closed: this.me.Tapped -= me_Tapped; break; case MediaElementState.Opening: this.me.Tapped += me_Tapped; break; } } }}
注意,核心代码我再Copy一下。
CameraCaptureUI ui = new CameraCaptureUI(); // 照片用PNG格式,视频用WMV格式吧 ui.PhotoSettings.Format = CameraCaptureUIPhotoFormat.Png; ui.VideoSettings.Format = CameraCaptureUIVideoFormat.Wmv; // Action,开始偷拍 StorageFile file = await ui.CaptureFileAsync(this.CaptureMode);
在调用CaptureFileAsync方法时,还有一个参数,是CameraCaptureUIMode枚举,它就是告诉系统,我是要拍照片还是录制视频,或者是两个都要。
别急,现在还不能运行,不然会XXX,我们还有一件事要做。
3、打开清单文件,切换到 功能 选项卡,把麦克风和网络摄像头勾上。
好了,现在运行就没问题了,开始光明正大地偷拍吧。