Cara Membuat Aplikasi Pemutar Video di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

Hallo Sobat Programmer, Pada tutorial ini kita akan belajar membuat aplikasi pemutar video sederhana menggunakan widget VideoView dari Android Studio. Widget tersebut dapat digunakan untuk menampilkan video seperti mp4, mkv, dll. dengan mudah dan cepat.


Pada aplikasi yang akan kita buat. Tidak seperti VLC atau Media Player, yang dapat memutar video dari penyimpanan memori, disini kita hanya akan membuat aplikasi sederhana saja, yang dimana video tersebut sudah kita siapkan didalam project android kita.

Materi lainnya yang direkomendasikan:

Dalam aplikasi tersebut memiliki fitur standar seperti play, pause dan stop. Untuk penjelasan lebih lanjut cara memilih video yang ingin dimainkan dari penyimpanan memori . Materi tersebut akan saya bahas pada tutorial selanjutnya.

Cara Membuat Aplikasi Pemutar Video di Android Studio

1) Buka aplikasi Android Studio kalian, buat project baru.

2) Pertama-tama kalian siapkan file Videonya, bisa berformat 3gp atau mp4. Jika sudah, buat direktori baru bernama raw, caranya klik kanan pada folder res > New > Android  resource directory.

Lalu ubah Resource type-nya menjadi raw, setelah itu klik OK.


3) Folder raw merupakan direktori khusus untuk menyimpan video atau musik didalam project aplikasi android. Jika sudah, berikutnya copy-paste atau simpan video yang sudah kalian siapkan pada dir raw tersebut.


4) Setelah itu buka layout MainActiviy kita, disini kita gunakan VideoView untuk menampilkan video dan Button untuk menjalankan video. Selebihnya bisa kalian sesuaikan sendiri.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:gravity="top|center"
    android:orientation="vertical"
    tools:context="com.wildan.videoplayer.MainActivity">

    <VideoView
        android:id="@+id/video"
        android:layout_width="match_parent"
        android:layout_height="250dp" />

    <Button
        android:id="@+id/play"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="88dp"
        android:text="Play Video" />

</LinearLayout>
View:


5) Terakhir buka class MainActivity.java. disini kita tambahkan Source Code untuk menjalankan Video serta MediaController untuk menampilkan tombol play, pause, mempercepat video, dsb. Saat user mengklik Video tersebut.
package com.wildan.videoplayer;

import android.net.Uri;
import android.support.v7.app.AppCompatActivity;
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 {

    //Deklarasi Variable
    private VideoView videoView;
    private MediaController mediaController;
    private Button playVideo;

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

        //Inisialisasi VideoView, MediaController dan Button
        videoView = findViewById(R.id.video);
        playVideo = findViewById(R.id.play);
        mediaController = new MediaController(this);


        //Menjalankan Video saat tombol Play di Klik
        playVideo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                //Variable Uri untuk menentukan lokasi Resource Video yang akan ditampilkan
                Uri uri = Uri.parse("android.resource://"+getPackageName()+"/"+R.raw.jam_tangan_hologram);

                videoView.setVideoURI(uri);

                //Memasang MediaController untuk menampilkan tombol play, pause, dsb
                videoView.setMediaController(mediaController);
                mediaController.setAnchorView(videoView);

                //Menjalankan Video
                videoView.start();
            }
        });
    }
}
Saat mendeklarasikan MediaController, kalian harus memilih MediaController tersebut dari package android.widget. Seperti pada gambar berikut ini.


Demo:


Sekian dari saya, mohon maaf bila ada kesalahan, jika ada yang ingin ditanyaka, silakan isi kolom komentar dibawah ini.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Wildan M Athoillah
Wildan M Athoillah Blogger dan spesialis pembuat aplikasi android.