Declarative Playback
<Window x:Class="SoundAndVideo.DeclarativePlayback"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="DeclarativePlayback" Height="300" Width="300">
<Window.Resources>
<Storyboard x:Key="MediaStoryboardResource" SlipBehavior="Slip">
<MediaTimeline Storyboard.TargetName="media" Source="c:\song.mp3" FillBehavior="HoldEnd"></MediaTimeline>
</Storyboard>
</Window.Resources>
<Grid Margin="5">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>
<Grid.Triggers>
<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="cmdPlay">
<EventTrigger.Actions>
<BeginStoryboard Name="MediaStoryboard" Storyboard="{StaticResource MediaStoryboardResource}"/>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="cmdStop">
<EventTrigger.Actions>
<StopStoryboard BeginStoryboardName="MediaStoryboard"/>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="cmdPause">
<EventTrigger.Actions>
<PauseStoryboard BeginStoryboardName="MediaStoryboard"/>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="cmdResume">
<EventTrigger.Actions>
<ResumeStoryboard BeginStoryboardName="MediaStoryboard"/>
</EventTrigger.Actions>
</EventTrigger>
</Grid.Triggers>
<MediaElement Name="media"></MediaElement>
<StackPanel Orientation="Horizontal">
<Button Name="cmdPlay" Padding="5" Margin="1">Play</Button>
<Button Name="cmdStop" Padding="5" Margin="1">Stop</Button>
<Button Name="cmdPause" Padding="5" Margin="1">Pause</Button>
<Button Name="cmdResume" Padding="5" Margin="1">Resume</Button>
</StackPanel>
<Grid Margin="0,10,0,0" Grid.Row="2">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Margin="5">Volume: </TextBlock>
<Slider Grid.Column="1" Minimum="0" Maximum="1"
Value="{Binding ElementName=media, Path=Volume, Mode=TwoWay}"></Slider>
<TextBlock Margin="5" Grid.Row="1">Balance: </TextBlock>
<Slider Grid.Row="1" Grid.Column="1" Minimum="-1" Maximum="1"
Value="{Binding ElementName=media, Path=Balance, Mode=TwoWay}"></Slider>
</Grid>
</Grid>
</Window>
Related examples in the same category
