Building a Simple Vedio Player in WPF

Introduction

Windows Presentation Foundation (WPF) provides support for multimedia, vector graphics and animation, making it easy for developers to build applications that are interesting and that have simple user interfaces. Using Microsoft Visual Studio, you can create graphics or complex animations and integrate media into your WPF applications. In this article we will use a MediaElement in WPF application to run a vedio. A core feature of the graphics capabilities of WPF is to provide native support for working with multimedia, which includes video and audio. The following article shows how to insert a media player into an application. MediaElement is a UIElement that is supported by the Layout System and can be consumed as the content of many controls. It is also usable in Extensible Application Markup Language (XAML).

Step 1: Open Visual Studio.

Select new -> project
Select your preferred language
Select a WPF application
Name the project
Now name of project is "WpfMediaElement"

Step 2 : Open the Toolbox of WPF application.

Drag & Drop MediaElement control on design view.
Add a vedio file with (.wmv) extension in project.
put name of the vedio file in source property of MediaElement.

Step 3 : Set some formatting on the MediaElement control tag in the XAML page.

Code

Step 4 : Add three button control for Play, Mute and Pause actions in XAML page.

Code

Step 5 : Now, the final source code of the XAML page is given below:

Code

Step 6 : Now, we will go for code behind file MainWindow.xaml.cs file where we will create logic for the Click events for the Play, Pause and Mute buttons.

Code

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfMediaElement
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
InitializeComponent();
myMedia.Volume = 100;
myMedia.Play();
}
void mediaPlay(Object sender, EventArgs e)
{
myMedia.Play();

}

void mediaPause(Object sender, EventArgs e)
{
myMedia.Pause();
}

void mediaMute(Object sender, EventArgs e)
{
if (myMedia.Volume == 100)
{
myMedia.Volume = 0;
muteButt.Content = "Listen";
}
else
{
myMedia.Volume = 100;
muteButt.Content = "Mute";
}
}
}
}

Output

Resources