新时尚Windows8开发（26）：后台播放Musics

要说这Windows Store应用像啥，像网页，而且还全屏的，所以，这和传统桌面应用就有着明显的差异，在同一时刻就只有一个应用在前台运行，对，和手机一样。

故今天我们的话题，本质上是讨论媒体播放的，不过，如果不顺便考虑一下后台播放，感觉有点……你想，当你启动一个播放音乐的应用，正听着很美的音乐，突然我想看看我微博上有啥更新，回到“开始”屏幕，启动一下微博应用。我靠！音乐停了，你想这多没意思啊。

所以啊，当我们希望开发一个播放音乐的应用时，支持后台播放那可是头等大事。

 

好了，牛皮就不吹了，开始说正题。

你说在应用程序中如何播放多媒体，这个应该各位都会，当然我这里指的是XAML中的，HTML5本身就支持多媒体播放。是的，MediaElement，想起来了吧，这位老哥们儿，你不可能不认识D，在玩WPF/Silverlight/Windows Phone等开发的时候，你一定和她亲密接触过的。这控件用起来也很简单，给她一个播放源就可以，就好像一位演技很好的MM，你只需为她简单妆扮，上了舞台就发挥自如。

<MediaElement Source="abcd.mp3" />

可能有时候会设置一下音量什么的，或者把AutoPlay设置为True，这使得这个控件在设置源后便马上播放。

 

这个，我相信大家都会，这里就不多重复了，不然又有人说“这和Win8有毛关系，这不是WPF中的XAML吗?”是的，XAML就是好，跨项目应用；完美的集成性就是好，学会一个知识，可以迅速迁移到其他知识；统一性就是好，专心做程序，不必须要冲突等问题浪费青春。

那么，如何实现后台播放呢，我们来做一做实验吧。如何新建项目我就省略了，我相信这操作连鸵鸟都会了。

1、打开清单文件编辑器，切换到“功能”选项卡，选上“音乐库”，我们待会儿要用。

 

2、切换到“声明”选项卡，在下拉列表中选择“后台任务”，并点击“添加”按钮；添加后，在右侧窗格中，勾选“音频”，并填上入口点，默认就是App。

 

3、打开主页的XAML文件，我们来完成一下UI布局。

<Page    x:Class="BackgroundAudioExample.MainPage"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:local="using:BackgroundAudioExample"    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}">        <StackPanel Margin="28">            <TextBlock Margin="2,1,2,7" TextWrapping="Wrap">                <Span FontSize="24" FontWeight="Bold">实现后台播放，应该要具备以下条件：</Span>                <LineBreak/>                <Run FontSize="20">在清单文件中，加入后台任务的声明</Run><LineBreak/>                <Run FontSize="20">你的PC或笔记本的键盘最好具有多媒体控制键，这样方便操作</Run>                <LineBreak/>                <Run FontSize="20" Foreground="Blue">MediaElement的AudioCategory属性设置为BackgroundCapableMedia或Communications</Run>                <LineBreak/>                <Run FontSize="20">注册MediaControl的控制事件</Run>            </TextBlock>            <StackPanel Orientation="Horizontal" Margin="3,4,3,0">                <Button Content="选择音频文件" Click="onSelectFile"/>                <Button x:Name="btnPlayorPause" Content="播放" Click="onPlayOrPause" Margin="12,0,0,0"/>                <Button Content="停止" Click="onStop" Margin="8,0,0,0"/>                <TextBlock x:Name="tbMessage" Margin="30,0,0,0"/>            </StackPanel>        </StackPanel>        <MediaElement x:Name="myMediaElement" Width="0" Height="0" Opacity="0" AudioCategory="BackgroundCapableMedia" AutoPlay="False"                      CurrentStateChanged="myMediaElement_CurrentStateChanged_1"                      MediaFailed="myMediaElement_MediaFailed_1"                      MediaEnded="myMediaElement_MediaEnded_1"                      MediaOpened="myMediaElement_MediaOpened_1"/>    </Grid></Page>

 

4、切换代码视图，上面有几个事件要处理。

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;using Windows.Storage;using Windows.Storage.Pickers;using Windows.Storage.Streams;namespace BackgroundAudioExample{    public sealed partial class MainPage : Page    {        public MainPage()        {            this.InitializeComponent();        }        private string MusicTitle = string.Empty;//音乐标题        private string MusicArtist = string.Empty;//演唱者        private void myMediaElement_CurrentStateChanged_1(object sender, RoutedEventArgs e)        {            switch (this.myMediaElement.CurrentState)            {                case MediaElementState.Buffering:                    tbMessage.Text = "加载中。";                    break;                case MediaElementState.Closed:                    tbMessage.Text = "已关闭。";                    MediaControl.IsPlaying = false;                    break;                case MediaElementState.Opening:                    tbMessage.Text = "正在打开媒体。";                    break;                case MediaElementState.Paused:                    MediaControl.IsPlaying = false;                    tbMessage.Text = "已暂停。";                    btnPlayorPause.Content = "播放";                    break;                case MediaElementState.Playing:                    MediaControl.IsPlaying = true;                    tbMessage.Text = "正在播放。";                    btnPlayorPause.Content = "暂停";                    break;                case MediaElementState.Stopped:                    MediaControl.IsPlaying = false;                    tbMessage.Text = "已停止";                    btnPlayorPause.Content = "播放";                    break;                default:                    break;            }        }        private void myMediaElement_MediaFailed_1(object sender, ExceptionRoutedEventArgs e)        {            tbMessage.Text = "播放音频失败，请检查人品。";        }        private void myMediaElement_MediaEnded_1(object sender, RoutedEventArgs e)        {            // 播放完了，就解除事件绑定吧            MediaControl.PlayPressed -= MediaControl_PlayPressed;            MediaControl.PlayPauseTogglePressed -= MediaControl_PlayPauseTogglePressed;            MediaControl.PausePressed -= MediaControl_PausePressed;            MediaControl.StopPressed -= MediaControl_StopPressed;        }        private void myMediaElement_MediaOpened_1(object sender, RoutedEventArgs e)        {            // 注册播放控件事件            MediaControl.PlayPressed += MediaControl_PlayPressed;            MediaControl.PlayPauseTogglePressed += MediaControl_PlayPauseTogglePressed;            MediaControl.PausePressed += MediaControl_PausePressed;            MediaControl.StopPressed += MediaControl_StopPressed;            // 显示歌曲标题和歌手名字            MediaControl.TrackName = this.MusicTitle;            MediaControl.ArtistName = this.MusicArtist;        }        async void MediaControl_StopPressed(object sender, object e)        {            await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () =>                {                    this.myMediaElement.Stop();                });        }        async void MediaControl_PausePressed(object sender, object e)        {            await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal,                () =>                {                    this.myMediaElement.Pause();                });        }        async void MediaControl_PlayPauseTogglePressed(object sender, object e)        {            await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () =>                {                    onPlayOrPause(null, null);                });        }        async void MediaControl_PlayPressed(object sender, object e)        {            await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () =>                {                    this.myMediaElement.Play();                });        }        private async void onSelectFile(object sender, RoutedEventArgs e)        {            FileOpenPicker picker = new FileOpenPicker();            picker.FileTypeFilter.Add(".mp3");            picker.FileTypeFilter.Add(".wma");            picker.SuggestedStartLocation = PickerLocationId.MusicLibrary;            StorageFile audioFile = await picker.PickSingleFileAsync();            if (audioFile != null)            {                // 获取音频文件的属性                var musickProperty = await audioFile.Properties.GetMusicPropertiesAsync();                this.MusicTitle = musickProperty.Title;                if (!string.IsNullOrEmpty(musickProperty.AlbumArtist))                {                    this.MusicArtist = musickProperty.AlbumArtist;                }                else                {                    this.MusicArtist = musickProperty.Artist;                }                // 设置播放源                var stream = await audioFile.OpenAsync(FileAccessMode.Read);                this.myMediaElement.SetSource(stream, audioFile.FileType);            }        }        private void onPlayOrPause(object sender, RoutedEventArgs e)        {            if (this.myMediaElement.CurrentState == MediaElementState.Playing)            {                this.myMediaElement.Pause();            }            else            {                this.myMediaElement.Play();            }        }        private void onStop(object sender, RoutedEventArgs e)        {            this.myMediaElement.Stop();        }    }}

代码我们稍候再总结，现在我们迫不及待地想看一下，实验是否成功。果断运行吧。

在你的电脑上随便选一个MP3文件，然后点击播放，然后切换到“开始”屏幕，看看音乐是不是继续播放？如果是，那么实验就成功了。

 

如果你的笔记本键盘有多媒体控制键，在任务屏幕，按下“音量”控制键，就会在屏幕上看到如下图的控制按钮。

 

好了，后台播放大体情况就这样。

大家不妨测试一下，在本例中，如果你只是把MediaElement的AudioCategory属性设置为BackgroundCapableMedia，而不注册MediaControl类的事件处理，你会发现，是不能在后台播放的。

MediaControl类位于Windows.Media命名空间，要完成音频的后台播放和控制，少不了这个类。它是一个static类，所以你能想到它的所有成员都是静态的，它有N多个事件，如下面截图所示，大家不妨打开“对象浏览器”研究一下。

 

在我们本次实验中，只注册了4个事件，也是最基本的4个，大家可以试一下，注释掉其中一个，都不能后台播放，所以，这4个事件是必须的，其他的是可选。

比较好一个处理方案是在有MediaElement的页面的Loaded事件中注册这些事件处理，在UnLoaded中释放。不过本例有所不同，本例是在媒体打开时注册，媒体关闭时释放，因为本例只播放一个音频。所以没有“上一首”，“下一首”。