<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      HorizontalAlignment="Center" VerticalAlignment="Center">


<!-- Example 16-39. Media element in clock mode -->
 
<StackPanel>
  <TextBlock Name="ten" Text="10 seconds" Background="White" />
  <TextBlock Name="fifteen" Text="15 seconds" Background="White" />
  <TextBlock Name="twentyfive" Text="25 seconds" Background="White" />

  <MediaElement Name="media" />

  <StackPanel.Triggers>
    <EventTrigger RoutedEvent="StackPanel.Loaded">
      <BeginStoryboard>
        <Storyboard SlipBehavior="Slip">

          <MediaTimeline Source="VoiceRecording.wma"
            Storyboard.TargetName="media" />

          <ColorAnimation BeginTime="0:0:10" Duration="0:0:0.2"
            Storyboard.TargetName="ten" To="PaleGreen"
            Storyboard.TargetProperty=
                "(TextBlock.Background).(SolidColorBrush.Color)" />

          <ColorAnimation BeginTime="0:0:15" Duration="0:0:0.2"
            Storyboard.TargetName="fifteen" To="PaleGreen"
            Storyboard.TargetProperty=
                "(TextBlock.Background).(SolidColorBrush.Color)" />

          <ColorAnimation BeginTime="0:0:25" Duration="0:0:0.2"
            Storyboard.TargetName="twentyfive" To="PaleGreen"
            Storyboard.TargetProperty=
                "(TextBlock.Background).(SolidColorBrush.Color)" />

        </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </StackPanel.Triggers>
</StackPanel>

<!-- End of Example 16-39. -->

</Page>
