Cara Membuat Aplikasi Media Player (Video) Di Android Studio

Halo android developer, bagaimana kabar kalian hari ini? saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan ini, saya akan membagikan tutorial tentang bagaimana Cara Membuat Aplikasi Media Player (Video) Di Android Studio.

Sebelumnya, saya sudah pernah membagikan tutorial tentang Cara Membuat Aplikasi Media Player (Audio) Di Android Studio. Di tutorial tersebut, kita belajar cara menampilkan file audio di aplikasi android. dan sekarang kita akan menampilkan file video di aplikasi android. Jadi kali ini kita akan belajar cara menampilkan video.

Di Android, dengan mengunakan komponen VideoView dan kelas MediaController, maka kita dapat dengan mudah mengimplementasikan pemutar video di aplikasi android untuk memutar video. Secara umum, kelas MediaController di android akan menyediakan opsi pemutaran untuk pemutar video seperti Play, Pause, Backward, Forward dan lain-lain.

Kelas VideoView di Android akan menyediakan kelas fungsionalitas untuk mengambil dan memutar video menggunakan pemutar video dengan pengaturan minimal di aplikasi android.

Jadi, disini kita akan belajar cara membuat aplikasi android untuk menampilkan file video di android studio dengan cara yang mudah dan sederhana.

Tutorial Cara Membuat Aplikasi Media Player (Video) di Android Studio

Buatlah project android studio baru dengan informasi sebagai berikut:

Application Name	:	Video App
Package Name	:	com.androidrion.videoapp
Languge	:	Java
Minimum SDK	:	API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam project ini:

1. activity_main.xml
2. activity_video.xml

Daftar file java class yang digunakan dalam project ini:

1. MainActivity.java
2. VideoActivity.java

Daftar file raw yang digunakan dalam project ini:

1. intro.mp4

Berikut ini adalah gambar dari structure project pada tutorial ini.

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Video App.

Raw File

Pada tutorial ini kalian akan menggunakan file video dengan format mp4 pada project android studio. Untuk itu, kalian harus terlebih dahulu membuat folder raw dalam folder res. Untuk membuat direktori raw, kalian bisa mengikuti tutorial pada link di bawah ini.

Cara Menambahkan Folder Android Resource Directory (Anim, Font, Menu, RAW) Di Android Studio

Setelah kalian membuat direktori raw, masukkan file video ke dalamnya. Kalian bisa menggunakan file video dibawah ini. Silahkan download dan pindahkan ke dalam direktori raw sehingga terlihat seperti pada gambar structure project di atas.

XML Layout File

Buatlah file activity baru dengan cara klik kanan pada direktori res, lalu pilih New>Activity>Empty Activity. Simpan activity baru dengan Activity Name VideoActivity dan Layout Name activity_video. Berikut ini adalah kode lengkap untuk file activity_video.xml

app/res/layout/activity_video.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".VideoActivity">

    <VideoView
        android:id="@+id/videoView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true" />

</RelativeLayout>

Buka file activity_main.xml dalam direktori layout. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        style="@style/Widget.AppCompat.Button.Colored"
        android:text="@string/app_name" />

</RelativeLayout>

Java Class File

Buka file MainActivity dalam direktori java. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.videoapp/MainActivity.java

package com.androidrion.videoapp;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.media.MediaPlayer;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.MediaController;
import android.widget.VideoView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this, VideoActivity.class);
                startActivity(intent);
            }
        });

    }
}

Sekarang buka file VideoActivity dan tambahkan kode dibawah ini. Berikut ini adalah kode lengkap untuk file VideoActivity.java

app/java/com.androidrion.videoapp/VideoActivity.java

[sociallocker id=”1410″]

package com.androidrion.videoapp;

import androidx.appcompat.app.AppCompatActivity;

import android.content.pm.ActivityInfo;
import android.media.MediaPlayer;
import android.net.Uri;
import android.os.Bundle;
import android.view.WindowManager;
import android.widget.MediaController;
import android.widget.VideoView;

public class VideoActivity extends AppCompatActivity {

    VideoView videoView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_video);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
        getSupportActionBar().hide();

        videoView = findViewById(R.id.videoView);
        Uri uri = Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.intro);
        MediaController mc = new MediaController(this);
        mc.setAnchorView(videoView);
        mc.setMediaPlayer(videoView);
        videoView.setMediaController(mc);
        videoView.setVideoURI(uri);
        videoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
            @Override
            public void onPrepared(MediaPlayer mp) {
                videoView.start();
            }
        });
        videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mp) {
                finish();
            }
        });
    }
}

[/sociallocker]

Run Project

Setelah semua selesai di kerjakan, jalankan project android studio kalian. Apabila kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada video dibawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah Cara Membuat Aplikasi Media Player (Video) Di Android Studio. Tutorial diatas sangat mudah untuk dikerjakan karena kita hanya menggunakan satu widget saja untuk membuat aplikasi video player.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

Download Project

Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.

[sociallocker id=”1406″]

[/sociallocker]