ARTICLE

Media Element in WPF

Posted by Diptimaya Patra Articles | WPF February 22, 2010
In this article we will see how to use Media Element in WPF and we will explore some of the basic functionalities such as Play, Pause, Stop, Back and Forward.
Reader Level:
Download Files:
 

Introduction

In this article we will see how to use Media Element in WPF and we will explore some of the basic functionalities such as Play, Pause, Stop, Back and Forward.

Crating WPF Application Project

Fire up Visual Studio 2008 and Create a WPF Application and name the project as MediaSampleWPF.

MediaElement1.gif

Now we will first design the application so that all the functionalities would be clear to us.

Add a Media Element, and several Buttons for the functions to be achieved.

The following figure is the simple design of the application.

MediaElement2.gif

XAML Reference

MediaElement3.gif

Now to start with in the beginning of the application all the Buttons except Open should not be enabled. So lets do that.

MediaElement4.gif

Now we will achieve the functionalities one by one.

Open Media

Add reference to the System.Windows.Forms DLL to use the OpenFileDialog.

MediaElement5.gif

Add the below code in the respective Button Click event.

MediaElement6.gif

Play and Pause Function

Add the below code in Play Button Click event to achieve the Play and Pause functions.

MediaElement7.gif

Stop Function

Add the below code in Stop Button Click event.

MediaElement8.gif

Move Back and Forward Function

Add the below code in respective Back and Forward Button Click events to achieve Back and Forward.

MediaElement9.gif

That's it run the application. As we mentioned in the code for opening only WMV files, you can open only WMV file.

You can add other extensions like AVI, MPG and MPEG to the Open function.

MediaElement10.gif

MediaElement11.gif

Hope you guys like this article. It's for the beginner level.

Article Extensions
Contents added by Subimal Nath on Sep 09, 2013
Good solution but one issue is that it capturing screenshots of MediaElement as UIElement but the perfect solution would be capturing the current frame.
COMMENT USING