MP3、MP4的文件选择及播放

项目主页网址如下：

https://github.com/Judylalala/en

####技术问题1：如何播放音频（MP3）、视频（MP4）？

####解决过程1：我首先想到了XMAL插件中的MediaPlayerElement，虽然官网相对于MediaElement而言，更推荐功能较多的MediaPlayerElement，但因为但在实际应用过程中遇到了下图所示的问题，所以使用了MediaElement。在使用的过程中发现了可以通过设置AreTransportControlsEnabled=True来自主控制视频或音频的播放、音量、缩放等。

我找到的代码如下：

<MediaElement Source="/Assets/ladybug.wmv"
MaxWidth="400"
AutoPlay="False"
AreTransportControlsEnabled="True" />

联系到之后要能够通过点击按钮在本地文件中选择MP3、MP4文件播放，根据我找到的网站：https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.mediaelement

我做的修改如下：

<MediaElement x:Name="mediaPlayer"
                          Source="/Assets/20170414_175108_01618.mp4"
                          MaxWidth="400"
                          AutoPlay="False"
                          AreTransportControlsEnabled="True"
                          Margin="78,70,100,70"/>
            <Button Content="Choose" Click="Button_Click"/>

其中为该控件添加了名字，以便后期通过这个名字来播放视频或音频。

同时添加了一个按钮，以便后期为这个按钮添加事件，通过点击按钮来选择本地文件。

####技术问题2：如何在本地选择MP3、MP4文件进行播放？

####解决过程2：我是真的一点头绪都没有，正好看见这个网址里面貌似有需要的代码，就copy了一下：

https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.mediaelement

由于题目要求只能选择MP3、MP4文件来播放，所以我对代码做了一下修改，代码如下：

private async void Button_Click(object sender, RoutedEventArgs e)
{
    await SetLocalMedia();
}

这段代码意味着当点击按钮的时候，执行SetLocalMedia()函数，该函数具体定义如下：

async private System.Threading.Tasks.Task SetLocalMedia()
{
    var openPicker = new Windows.Storage.Pickers.FileOpenPicker();

openPicker.FileTypeFilter.Add(".mp4");
    openPicker.FileTypeFilter.Add(".mp3");

var file = await openPicker.PickSingleFileAsync();

// mediaPlayer is a MediaElement defined in XAML
    if (file != null)
    {
        var stream = await file.OpenAsync(Windows.Storage.FileAccessMode.Read);
        mediaPlayer.SetSource(stream, file.ContentType);

mediaPlayer.Play();
    }
}

SetLocalMedia()函数指定了可以打开的文件类型、并将锁打开的文件通过名为mediaPlayer的控件播放出来。

其中字体不同且放大的部分便是经过修改后的代码，它指定了能够从本地文件中打开的类型是.mp3、.mp4。

最后做出来的成果如下图：