Element Layer Media Online

This sample demonstrates how to transform and display a media element (video) on a map. The video placed initially using the ElementLayer.Envelope attached property. A simple rotation transformation is then used to orient the video to an acceptable location over the base map. More accurate placement will require a more complex transformation.

XAML

<UserControl x:Class="ArcGISWPFSDK.MediaLayer"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:esri="http://schemas.esri.com/arcgis/client/2009">
    <Grid x:Name="LayoutRoot" Background="White">

        <esri:Map x:Name="MyMap" Extent="-121,32,-113,36">
            <esri:ArcGISTiledMapServiceLayer ID="StreetMapLayer" 
                    Url="http://services.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer"/>

            <esri:ElementLayer ID="MyMediaLayer" >
                <esri:ElementLayer.Children>
                    <!-- MediaElement source can define relative path from the perspective of the xap file. -->
                    <MediaElement x:Name="_mediaElement" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
                                Source="http://serverapps.esri.com/media/scec-shakeout-simulation-rt.wmv"
                                IsMuted="True" Stretch="Fill" MediaEnded="Media_MediaEnded"
                                esri:ElementLayer.Envelope="-120.309183241879,32.3360853442552,-114.543827787924,35.579097787105"
                                LoadedBehavior="Manual">
                        <MediaElement.RenderTransform>
                            <RotateTransform Angle="-1.1412502857301" />
                        </MediaElement.RenderTransform>
                    </MediaElement>
                </esri:ElementLayer.Children>
            </esri:ElementLayer>
        </esri:Map>

    </Grid>
</UserControl>

C#

using System;
using System.Windows;
using System.Windows.Controls;

namespace ArcGISWPFSDK
{
    public partial class MediaLayer : UserControl
    {
        public MediaLayer()
        {
            InitializeComponent();

            MyMap.Layers.LayersInitialized += (s, e) => 
            {
                _mediaElement.Play();
            };

        }

        private void Media_MediaEnded(object sender, RoutedEventArgs args)
        {
            // Repeat play of the video
            MediaElement media = sender as MediaElement;
            media.Position = TimeSpan.FromSeconds(0);
            media.Play();
        }
    }
}

VB.NET

Imports System.Windows
Imports System.Windows.Controls

Namespace ArcGISWPFSDK
    Partial Public Class MediaLayer
        Inherits UserControl
        Public Sub New()
            InitializeComponent()
        End Sub

        Private Sub Media_MediaEnded(sender As Object, args As RoutedEventArgs)
            ' Repeat play of the video
            Dim media As MediaElement = TryCast(sender, MediaElement)
            media.Position = TimeSpan.FromSeconds(0)
            media.Play()
        End Sub
    End Class
End Namespace