Ad Code

Responsive Advertisement

Video Player App in Xamarin.Forms

Introduction  

                   In this article, we are going to play a video and an audio in Xamarin.Forms application.There is no default function available for playing the video or audio. So, we need to add a plugin for this.

Nuget Packages 

Xamarin.Forms = search "Plugin.MediaManager.Forms".
Xamarin.Android = search "Plugin.MediaManager".

 MediaManager Cross-platform media plugin features
  •  Designed to be simple and easy to play
  •  Stand alone for easy integration with existing projects and frameworks
  •  Native playback of media files from remote and local sources
  •  Native media notifications and remote controls
  •  Playback status(Playing, Buffering, Loading, Paused, Progress)

Output 🐱‍👤



Step 1

You can create Xamarin.Forms app by going to File >> New >> Visual C# >>Cross platform >> Cross-platform App (Xamarin.Native or Xamarin.Forms), give the application name, and press OK.

(Project Name : VideoPlayerApp)



Step 2 :

             After the project creation, add the following NuGet Packages to your project.
  • Plugin.MediaManager
  • Plugin.MediaManager.Forms
              For that, go to Solution Explorer and select your solution. Right-click and select Manage NuGet Packages for the Solution". Now, select the following NuGet Package and select your project to install it.

Step 3 :

              In this step, add a VideoView control to your project. For that, go to Solution Explorer >> VideoPlayerApp (PCL) >> double click on MainPage.Xaml. After opening this, you can add VideoView assembly and XAML code to your project.
Write the code as given below.
Assembly


XAML code


Step 4 :

             Next, open Solution Explorer >>VideoPlayerApp(PCL) >> MainPage.xaml.cs page and double-click to open its design view. The code is given below.

Code Behind



Step 5 :

               Make sure to call "VideoViewRenderer.Init(); "  from your platform code before starting playback, otherwise the video View will not be prepared to display the video.


Android Project
Add Android project by going to Solution Explorer >> VideoPlayerApp.Droid >>MainActivity.cs and double-click to open its design View. Here is the code.

MainActivity.cs  Code



IOS Project
           Add iOS project. For that, go to Solution Explorer >> VideoPlayerApp.IOS >>AppDelegate.cs and click open AppDelegate.cs. Here is the code for this page.


AppDelegate.cs Code



Universal Windows Project
                Add Universal Windows project. For that, open Solution Explorer >>VideoPlayerApp.UWP >> MainPage.xaml.cs and click open MainPage.xaml.cs.

Add the below given code to this page.

MainActivity.xaml.cs  code


Step 6 :

              Click ' F5 ' or "Build " to run your projects. Running this project, you will have the result like below.



                   Finally, we have successfully created a Xamarin.Forms VideoPlayerApp Application.
Reactions

Post a Comment

0 Comments