Oct 112012
 
 October 11, 2012  Posted by at 9:12 am WinRT  Add comments

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

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”]
<Page
x:Class="PlaySound.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:PlaySound"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<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>
</Page>

[/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]

  7 Responses to “Playing sound, music or video in Windows Store Apps”

  1. […] the Complete method on it to indicate that you are done with all the async goodness…”Playing sound, music or video in Windows Store Apps (Iris Classon)“Playing sounds, music or videos in a Windows Store App is pretty easy. Here is […]

  2. […] Read original post at Iris Classon's Blog […]

  3. […] Playing sound, music or video in Windows Store Apps (Iris Classon) […]

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

  5. how to play you tube video in windows store applications

 Leave a Reply

(required)

(required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

What is 12 + 5 ?
Please leave these two fields as-is:
IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)