Cara Membuat Aplikasi Media Player (Audio) Di Android Studio

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

Di Android, degnan menggunakan kelas MediaPlayer kita dapat dengan mudah mengambil, mendekode, dan memutar file audio dan video dengan pengaturan minimal.

Framework media android menyediakan dukungan bawaan untuk memainkan berbagai jenis media umum seperti audio atau video. Ada banyak cara untuk memutar audio atau video tetapi komponen yang terpenting dari framework media adalah MediaPlayer class.

- Advertisement -

Dengan menggunakan kelas MediaPlayer, kita dapat mengakses file audio atau video dari sumber daya aplikasi, file mandiri dalam sistem file atau dari aliran data yang tiba melalui koneksi jaringan dan memutar file audio atau video dengan beberapa opsi pemutaran seperti memutar, jeda, maju, mundur dan lain-lain.

Tetapi dalam tutorial ini kalian akan belajar cara membuat aplikasi media player untuk memutar dan jeda di android studio dengan salah satu cara yang mudah dan sederhana.

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

Buatlah project android studio baru dengan informasi sebagai berikut:

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

Daftar file xml layout yang digunakan dalam project ini:

  1. activity_main.xml

Daftar icon drawable yang digunakan dalam project ini:

  1. ic_pause.xml
  2. ic_play_arrow.xml

Daftar file raw yang digunakan dalam project ini:

  1. short_music.mp3

Daftar file java class yang digunakan dalam project ini:

  1. MainActivity.java

Berikut adalah gambar dari strukture project pada tutorial ini.

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

Raw File

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

Setelah kalian menambahkan folder raw, masukkan file audio dengan format mp3. Kalian bisa menggunakan file audio di bawah ini. Silahkan download dan pindahkan ke dalam folder raw sehingga terlihat seperti pada gambar struktur project di atas.

Drawable File

Dalam tutorial ini, saya menggunakan beberapa ikon vector drawable material design. Untuk itu, tambahkan ikon dibawah ini.

Ikuti tutorial dibawah ini untuk menambahkan ikon ke dalam project android studio.

CARA MENAMBAHKAN IKON KE DALAM PROJECT ANDROID STUDIO

XML Layout File

Buka file activity_main.xml dalam folder layout. Tambahkan ImageButton untuk tombol play dan pause. Lalu tambahkan juga widget SeekBar untuk mengetahui durasi audio. 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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:orientation="vertical">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_launcher_background" />

            <View
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#4D000000" />

            <TextView
                android:id="@+id/title_song"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_alignParentBottom="true"
                android:layout_margin="16dp"
                android:text="Title Song"
                android:textAppearance="@style/TextAppearance.AppCompat.Headline"
                android:textColor="@android:color/white" />

        </RelativeLayout>

        <LinearLayout
            android:id="@+id/player_control"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="15dp">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center">

                <ImageButton
                    android:id="@+id/bt_play"
                    android:layout_width="?attr/actionBarSize"
                    android:layout_height="?attr/actionBarSize"
                    android:background="@color/colorAccent"
                    android:clickable="true"
                    android:focusable="true"
                    android:src="@drawable/ic_play_arrow"
                    android:tint="@android:color/white" />

                <View
                    android:layout_width="24dp"
                    android:layout_height="match_parent" />

                <TextView
                    android:id="@+id/tv_song_current_duration"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="0:00"
                    android:textAppearance="@style/TextAppearance.AppCompat.Caption" />

                <androidx.appcompat.widget.AppCompatSeekBar
                    android:id="@+id/seek_song_progressbar"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:progress="0" />

                <TextView
                    android:id="@+id/tv_song_total_duration"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="0:00"
                    android:textAppearance="@style/TextAppearance.AppCompat.Caption" />


            </LinearLayout>


        </LinearLayout>


    </LinearLayout>
</RelativeLayout>

Java Class File

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

app/java/com.androidrion.audioapp/MainActivity.java

Run Project

Sekarang jalankan project android studio kalian. Jika 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 (Audio) Di Android Studio. Tutorial di atas lumayan mudah untuk di kerjakan karena kita hanya menggunakan satu file class java saja untuk membuat aplikasi audio 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.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.