如何使用 MediaElement 播放本地媒體檔案（使用 C#/VB/C++ 和 XAML 的 Windows 市集應用）

文章目錄

• 說明
• 完整樣本
• 相關主題

重要的 API

• MediaElement
• FileOpenPicker
• OpenAsync

說明步驟 1:

在使用 C++、C# 或 Visual Basic 的 Windows 市集應用中，可通過使用 MediaElement 類實現音頻和視頻播放。Source 屬性指定要播放的媒體檔案。它可以是網路上的檔案，應用程式附帶的檔案或者本地系統上的檔案。對於網路上的檔案或嵌入應用程式的檔案，只需將 Source 屬性設定為檔案路徑即可。 若要開啟本地系統上的檔案，可以使用 FileOpenPicker。

本主題介紹如何使用 FileOpenPicker 類開啟並播放本地媒體檔案。

步驟 2: 設定功能

若要啟用對本地系統上媒體庫的訪問，應用必須在應用程式資訊清單 中包括Music Library Access功能。

1. 在 Microsoft Visual Studio Express 2012 for Windows 8 中，通過雙擊方案總管中的 package.appxmanifest 項，開啟應用程式資訊清單設計器。
2. 單擊“功能”。
3. 選中“視頻庫訪問”或“音樂庫訪問”框。

步驟 3: 建立 MediaElement

建立 MediaElement 對象並為它提供 Name。為對象提供名稱後，便可以輕鬆地在代碼檔案中對它進行訪問。

<MediaElement Name="mediaControl" Height="400" />

 

步驟 4: 使用 OpenFilePicker 擷取檔案

使用 FileOpenPicker 類從使用者的視頻庫中選擇媒體檔案。在 FileOpenPicker 上設定 SuggestedStartLocation 和 FileTypeFilter 屬性。 調用 PickSingleFileAsync 可開機檔案選取器並擷取檔案。

 1 var openPicker = new Windows.Storage.Pickers.FileOpenPicker(); 2 openPicker.SuggestedStartLocation = 3 Windows.Storage.Pickers.PickerLocationId.VideosLibrary; 4 openPicker.FileTypeFilter.Add(".wmv"); 5 openPicker.FileTypeFilter.Add(".mp4"); 6 var file = await openPicker.PickSingleFileAsync();

 

步驟 5: 設定源並播放媒體

若要將 MediaElement 的 Source 設定為從 FileOpenPicker 返回的 StorageFile，我們需要開啟流。 StorageFile 上的 OpenAsync 方法返回可傳入 MediaElement.SetSource 的流。然後調用 MediaElement 上的 Play 以啟動媒體。

1 var stream = await file.OpenAsyn(Windows.Storage.FileAccessMode.Read);2 // mediaControl is a MediaElement defined in XAML3 mediaControl.SetSource(stream, file.ContentType);4 mediaControl.Play();

 

完整樣本

以下樣本顯示了用於從使用者的視頻庫中選擇檔案並將其設定到 MediaElement 的 Source 的完整代碼清單。

 1 async private void SetLocalMedia() 2 { 3 var openPicker = new Windows.Storage.Pickers.FileOpenPicker(); 4 openPicker.SuggestedStartLocation = 5 Windows.Storage.Pickers.PickerLocationId.VideosLibrary; 6 openPicker.FileTypeFilter.Add(".wmv"); 7 openPicker.FileTypeFilter.Add(".mp4"); 8 var file = await openPicker.PickSingleFileAsync(); 9 var stream = await file.OpenAsync(Windows.Storage.FileAccessMode.Read);10 // mediaControl is a MediaElement defined in XAML11 mediaControl.SetSource(stream, file.ContentType);12 mediaControl.Play();13 }

相關主題

建立採用 C#、C++ 或 VB 的 Windows 市集應用的路線圖

XAML 媒體播放樣本

Windows.Media

MediaElement