Playing sound, music or video in Windows Store Apps

Playing sounds, music or videos in a Windows Store App is pretty easy. Here is how you can do it.

Play Video Or Music Windows Store App

I’ve added a folder for the files

Play Video Or Music Windows Store App

The View - the styles for the buttons can be found in teh standardstyles resource dictionary, but Ive added them here for simplicity
[sourcecode language=“XML”]

<Border BorderThickness="6" BorderBrush="White" Width="500" Height="400" >  
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Background="Black">  
    <StackPanel.Resources>  
        <Style x:Key="PlayAppBarButtonStyle" TargetType="ButtonBase" BasedOn="{StaticResource AppBarButtonStyle}">  
            <Setter Property="AutomationProperties.AutomationId" Value="PlayAppBarButton"/>  
            <Setter Property="AutomationProperties.Name" Value="Play"/>  
            <Setter Property="Content" Value="&#xE102;"/>  
        </Style>  
            <Style x:Key="PauseAppBarButtonStyle" TargetType="ButtonBase" BasedOn="{StaticResource AppBarButtonStyle}">  
                <Setter Property="AutomationProperties.AutomationId" Value="PauseAppBarButton"/>  
                <Setter Property="AutomationProperties.Name" Value="Pause"/>  
                <Setter Property="Content" Value="&#xE103;"/>  
            </Style>  
        </StackPanel.Resources>  
    <MediaElement x:Name="myMediaElement" Height="300" Width="500"/>  
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,20,0,0">  
            <Button x:Name="play" Style="{StaticResource PlayAppBarButtonStyle}" Click="play\_Click"/>  
            <Button x:Name="stop" Style="{StaticResource PauseAppBarButtonStyle}" Click="stop\_Click"/>  
        </StackPanel>  
    </StackPanel>  
</Border>  

[/sourcecode]

The code
[sourcecode language=“csharp”]
using System;
using Windows.ApplicationModel;
using Windows.Storage;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;

namespace PlaySound
{

public sealed partial class MainPage : Page  
{  
    public MainPage()  
    {  
        this.InitializeComponent();  
    }  

    protected override async void OnNavigatedTo(NavigationEventArgs e)  
    {  
        StorageFolder folder = await Package.Current.InstalledLocation.GetFolderAsync("VideoAndMusic");  
        StorageFile file = await folder.GetFileAsync("IrisDevReach.mp4");  
        var stream = await file.OpenAsync(FileAccessMode.Read);  

        myMediaElement.SetSource(stream, file.ContentType);  
    }  

    private void play\_Click(object sender, RoutedEventArgs e)  
    {  
        myMediaElement.Play();  
    }  

    private void stop\_Click(object sender, RoutedEventArgs e)  
    {  
        myMediaElement.Pause();  
    }  
}  

}

[/sourcecode]

Comments

Hi, myMediaElement.SetSource(stream, file.ContentType) starts playing the media how can I stop that ? 

Try setting the AutoPlay property to false, this can be done in XAML or in code 

how to play you tube video in windows store applications 

I believe this answers yoru question: http://stackoverflow.com/questions/15678501/stream-youtube-video-in-mediaelement-windows-store-app

Make sure to upvote the kind dev that answered the question there :) Thank you for visiting the blog and asking questions! Take care 

Last modified on 2012-10-11