Marker
Microsoft Silverlight will reach end of support after October 2021. Learn more.
Gets the TimelineMarker that triggered this event.
value = eventargs.Marker
Property Value
Type: TimelineMarker
The TimelineMarker that triggered this event.
This property is read/write, but should be considered read-only because there is no reason to change the reported information. There is no default.
Remarks
Separate-stream script commands will trigger the MarkerReached event. In this case, the retrieved Marker is not visible in the Markers collection, because that collection only contains the markers that could be read in the media header information.
Example
The following example creates a MediaElement object and responds to its MarkerReached event. Each time a timeline marker is reached, the example displays the timeline marker's Time, Type, and Text values.
<Canvas
xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
Width="300" Height="300">
<MediaElement x:Name="media"
Canvas.Top="50"
MediaOpened="onMediaOpened"
MarkerReached="onMarkerReached" Source="thebutterflyandthebear.wmv"
Width="300" Height="200" />
<Canvas Canvas.Left="10" Canvas.Top="5">
<TextBlock
FontSize="12" Foreground="DarkGray">Time:</TextBlock>
<TextBlock x:Name="timeTextBlock"
Canvas.Left="40"
FontSize="12" />
<TextBlock Canvas.Top="12"
FontSize="12" Foreground="DarkGray">Type:</TextBlock>
<TextBlock x:Name="typeTextBlock"
Canvas.Left="40" Canvas.Top="12"
FontSize="12" />
<TextBlock
Canvas.Top="24"
FontSize="12" Foreground="DarkGray">Value:</TextBlock>
<TextBlock x:Name="valueTextBlock"
Canvas.Left="40" Canvas.Top="24"
FontSize="12" />
</Canvas>
<!-- Stops media playback.-->
<Canvas MouseLeftButtonDown="media_stop"
Canvas.Left="10" Canvas.Top="265">
<Rectangle Stroke="Black"
Height="30" Width="55" RadiusX="5" RadiusY="5">
<Rectangle.Fill>
<RadialGradientBrush GradientOrigin="0.75,0.25">
<GradientStop Color="Orange" Offset="0.0" />
<GradientStop Color="Red" Offset="1.0" />
</RadialGradientBrush>
</Rectangle.Fill>
</Rectangle>
<TextBlock Canvas.Left="5" Canvas.Top="5">stop</TextBlock>
</Canvas>
<!-- Pauses media playback. -->
<Canvas MouseLeftButtonDown="media_pause"
Canvas.Left="70" Canvas.Top="265">
<Rectangle Stroke="Black"
Height="30" Width="55" RadiusX="5" RadiusY="5">
<Rectangle.Fill>
<RadialGradientBrush GradientOrigin="0.75,0.25">
<GradientStop Color="Yellow" Offset="0.0" />
<GradientStop Color="Orange" Offset="1.0" />
</RadialGradientBrush>
</Rectangle.Fill>
</Rectangle>
<TextBlock Canvas.Left="5" Canvas.Top="5">pause</TextBlock>
</Canvas>
<!-- Begins media playback. -->
<Canvas MouseLeftButtonDown="media_begin"
Canvas.Left="130" Canvas.Top="265">
<Rectangle Stroke="Black" RadiusX="5" RadiusY="5"
Height="30" Width="55">
<Rectangle.Fill>
<RadialGradientBrush GradientOrigin="0.75,0.25">
<GradientStop Color="LimeGreen" Offset="0.0" />
<GradientStop Color="Green" Offset="1.0" />
</RadialGradientBrush>
</Rectangle.Fill>
</Rectangle>
<TextBlock Canvas.Left="5" Canvas.Top="5">play</TextBlock>
</Canvas>
</Canvas>
function media_stop(sender, args) {
sender.findName("media").stop();
}
function media_pause(sender, args) {
sender.findName("media").pause();
alert(sender.findName("media").name);
}
function media_begin(sender, args) {
sender.findName("media").play();
}
function onMarkerReached(sender, markerEventArgs)
{
sender.findName("timeTextBlock").Text =
markerEventArgs.marker.time.seconds.toString();
sender.findName("typeTextBlock").Text =
markerEventArgs.marker.type;
sender.findName("valueTextBlock").Text =
markerEventArgs.marker.text;
}