قبل از خواندن این مقاله، لطفاً مقاله زیر را مرور کنید-
با خواندن این مقاله، میتوانید نحوه استفاده از Media Element Control با Media Transport Control برای باز کردن یک فایل رسانه در توسعه برنامههای ویندوز جهانی با XAML و Visual C# را بیاموزید.
ابزارهای مهم زیر برای توسعه UWP- مورد نیاز است
- ویندوز 10 (توصیه می شود)
- Visual Studio 2015 Community Edition (این یک نرم افزار رایگان است که به صورت آنلاین در دسترس است)
در حال حاضر، ما می توانیم مرحله به مرحله توسعه برنامه را مورد بحث قرار دهیم.
مرحله 1: Visual Studio 2015 را باز کنید -> Start -> New Project-> Universal (در زیر Visual C#->Windows)-> Blank App -> نام مناسب برای برنامه خود را انتخاب کنید (UWPMediaElementMTP) ->OK.
مرحله 2: نسخه هدف و حداقل پلتفرم را برای برنامه جهانی ویندوز خود انتخاب کنید. پس از اتمام پروژه، App.xaml و MainPage.xaml را ایجاد کنید.
مرحله 3: فایل MainPage.xaml را در Solution Explorer باز کنید (دوبار کلیک کنید) و روی تب Toolbox در سمت چپ کلیک کنید تا لیست کنترل های Common XAML باز شود. Common XAML Controls را باز کنید و MediaElement Control را به وسط بوم طراحی بکشید و ویژگی name را تغییر دهید.
ویژگی AreTransportControlsEnabled را باکس انتخاب کنید.
توجه داشته باشید:به طور خودکار، کد ارائه شده در زیر، در نمای کد XAML ایجاد می شود، در حالی که ما در نمای طراحی انجام می دهیم-
- <Page x:Class="UWPMediaElementMTP.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UWPMediaElementMTP" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
- <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
- <MediaElement x:Name="mediaEletest" AreTransportControlsEnabled="True" /> </Grid>
- </Page>
مرحله 4: فضاهای نام را که در زیر آورده شده است در MainPage.xaml.cs- اضافه کنید
- using Windows.Storage.Pickers;
- using Windows.Storage;
- using Windows.Media.Core;
این فضاهای نام برای FilePicker، Media و Storage استفاده می شود.
مرحله 5: یک متد async جدید به نام OpenMedia() در MainPage.xaml.cs ایجاد کنید و کد زیر را که برای باز کردن فایل استفاده می شود، با استفاده از File Picker اضافه کنید و فایل رسانه انتخاب شده را پخش کنید.
- public async void OpenMedia()
- {
- //Using File Picker top open your Media File
- FileOpenPicker MediaContent = new FileOpenPicker();
- MediaContent.ViewMode = PickerViewMode.List;
- MediaContent.SuggestedStartLocation = PickerLocationId.VideosLibrary;
- //add the media file ectension for filtering
- MediaContent.FileTypeFilter.Add(".wmv");
- MediaContent.FileTypeFilter.Add(".wma");
- MediaContent.FileTypeFilter.Add(".mp3");
- MediaContent.FileTypeFilter.Add(".mp4");
- StorageFile openmedia = await MediaContent.PickSingleFileAsync();
- mediaEletest.AutoPlay = true;
- mediaEletest.SetPlaybackSource(MediaSource.CreateFromStorageFile(openmedia));
- mediaEletest.Play();
- }