Android MediaPlayer and VideoView Tutorial

4- Playing a video with VideoView exampleVideoView is a custommized component which is available of Android, it is the combination of MediaPlayer and SuffaceView which help you to play a video more easily.

When using VideoView, you can use MediaController, this is available in Android which used to control media (such as start, stop, rewind, pause...)

IF you locate VideoView and MediaController in a FrameLayout, you can get interface as follow:

3- MediaPlayer example

The following simple example, use Media Player to play a music file and some controls of the play such as play, pause, rewind.

Create a project named MediaPlayerTutorial:

4- Playing a video with VideoView example

Now, we can see an example with VideoView and MediaController located on the surface of the video. You can preview images in following example:

Create a Project named AndroidVideoView:

Create raw folder to store video files.

Copy & Paste video files to raw folder:

Design the Interface:

Drag VideoView to the Center of FrameView

Note that FrameLayout have only a cell to contain all subview, 9 subarea that you see ebove just are 9 gravity areas.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="org.o7planning.androidvideoview.MainActivity">

    <VideoView

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:id="@+id/videoView"

        android:layout_gravity="center" />

</FrameLayout>

MainActivity.java

package org.o7planning.androidvideoview;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.app.Activity;

import android.app.ProgressDialog;

import android.content.res.Configuration;

import android.media.MediaPlayer;

import android.media.MediaPlayer.OnPreparedListener;

import android.net.Uri;

import android.os.Bundle;

import android.util.Log;

import android.widget.MediaController;

import android.widget.VideoView;

public class MainActivity extends AppCompatActivity {

    private VideoView videoView;

    private int position = 0;

    private MediaController mediaController;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        videoView = (VideoView) findViewById(R.id.videoView);

        // Set the media controller buttons

        if (mediaController == null) {

            mediaController = new MediaController(MainActivity.this);

            // Set the videoView that acts as the anchor for the MediaController.

            mediaController.setAnchorView(videoView);

            // Set MediaController for VideoView

            videoView.setMediaController(mediaController);

        }

        try {

            // ID of video file.

            int id = this.getRawResIdByName("myvideo");

            videoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + id));

        } catch (Exception e) {

            Log.e("Error", e.getMessage());

            e.printStackTrace();

        }

        videoView.requestFocus();

        // When the video file ready for playback.

        videoView.setOnPreparedListener(new OnPreparedListener() {

            public void onPrepared(MediaPlayer mediaPlayer) {

                videoView.seekTo(position);

                if (position == 0) {

                    videoView.start();

                }

                // When video Screen change size.

                mediaPlayer.setOnVideoSizeChangedListener(new MediaPlayer.OnVideoSizeChangedListener() {

                    @Override

                    public void onVideoSizeChanged(MediaPlayer mp, int width, int height) {

                        // Re-Set the videoView that acts as the anchor for the MediaController

                        mediaController.setAnchorView(videoView);

                    }

                });

            }

        });

    }

    // Find ID corresponding to the name of the resource (in the directory raw).

    public int getRawResIdByName(String resName) {

        String pkgName = this.getPackageName();

        // Return 0 if not found.

        int resID = this.getResources().getIdentifier(resName, "raw", pkgName);

        Log.i("AndroidVideoView", "Res Name: " + resName + "==> Res ID = " + resID);

        return resID;

    }

    // When you change direction of phone, this method will be called.

    // It store the state of video (Current position)

    @Override

    public void onSaveInstanceState(Bundle savedInstanceState) {

        super.onSaveInstanceState(savedInstanceState);

        // Store current position. 

        savedInstanceState.putInt("CurrentPosition", videoView.getCurrentPosition());

        videoView.pause();

    }

    // After rotating the phone. This method is called.

    @Override

    public void onRestoreInstanceState(Bundle savedInstanceState) {

        super.onRestoreInstanceState(savedInstanceState);

        // Get saved position.

        position = savedInstanceState.getInt("CurrentPosition");

        videoView.seekTo(position);

    }

}

Running apps:

Some note to the code:

Imagine when you use setAnchorView() to attach MediaController to VideoView:

Playing Video from URL:

First, you must declare permission to access Internet  ( android.permission.INTERNET) in  AndroidManifest.xml:

AndroidManifest.xml

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

   package="org.o7planning.androidvideoview">

   <uses-permission android:name="android.permission.INTERNET"></uses-permission>

   <application

       android:allowBackup="true"

       android:icon="@mipmap/ic_launcher"

       android:label="@string/app_name"

       android:supportsRtl="true"

       android:theme="@style/AppTheme">

       <activity android:name=".MainActivity">

           <intent-filter>

               <action android:name="android.intent.action.MAIN" />

               <category android:name="android.intent.category.LAUNCHER" />

           </intent-filter>

       </activity>

   </application>

</manifest>

Java Code:

?

1

2

3

4

5

6

7

8

9

10

11

// Way 1:

String videoUrl="http://www.youtubemaza.com/files/data/366/Tom%20And%20Jerry%20055%20Casanova%20Cat%20(1951).mp4";

Uri video = Uri.parse(videoUrl);

videoView.setVideoURI(video);

// Way 2:

String videoUrl="http://www.youtubemaza.com/files/data/366/Tom%20And%20Jerry%20055%20Casanova%20Cat%20(1951).mp4";

videoView.setVideoPath(video);

Android

Search This Blog