Friday, 26 February 2016

Cara Membuat Aplikasi Media Player Audio Android Dengan Android Studio

DenysAndroider - Bagi kalian para pengguna Android ,mungkin Media Player atau Multimedia khususnya untuk pemutar musik(audio). Merupakan salah satu Aplikasi favorit yang sering digunakan para user (pengguna) Android.Karna Aplikasi ini bersifat Entertainment(hiburan ), jadi sudah pasti banyak sekali Aplikasi berjenis Music Player bertebaran di Google Play Store yang banyak didownload. 
Cara Menerapkan Contoh Widget Analog Clock Android
Android Studio
Nah pada tutorial belajar android kali ini , kita akan mencoba membuat Aplikasi Media Player Audio Sederhana Android. Di dalam Aplikasi nantinya kita akan menerapkan widget Button , untuk tombol play ,pause dan stop. Serta kita akan mencoba memainkan file audio yang berformat .mp3 yang terletak di folder res/raw.Oke langsung saja jika kalian penasaran kita coba membuatnya:
1. Pertama buka Android Studio 
2. Pilih Start a New Android Studio Project 
Start a New Android Studio Project
Start a New Android Studio Project
                                        
3..Kedua pada bagian Create New Project, sesuaikan dengan nama dan package serta lokasi file yang akan kalian gunakan. Untuk contoh saya menggunakan seperti yang ada di gambar di bawah. Jika sudah pilih Next.
Buat Project Baru
Create New Project
4. Selanjutnya tentukan Target Android Devices dari Aplikasi kalian , secara default saya menggunakan API 15 untuk minimumnya. Jika sudah pilih Next.

Target Android Devices in Android Studio
Target Android Devices
5. Pada bagian Add an Activity to Mobile kita bisa memilih template bawaan yang masih kosong yaitu Empty Activity  lalu pilih Next 
Add an Activity to Mobile
Empty Activity

6. Selanjutnya di bagian Cutomize the Activity kita hanya perlu memilih tombol Finish.
Cutomize the Activity
Cutomize the Activity
7.Setelah itu kita tunggu sampai proses building project gradle selesai .
1.Mempersiapkan file mp3 
  • Sebelumnya kita persiapkan file mp3 kalian, terserah kalian entah lagu favorit kalian bisa gunakan, yang nanti kita akan taruh filenya di folder raw (res/raw).
2.Membuat folder raw 
  • Pada folder  res di struktur project Android Studio kalian, klik kanan lalu pilih New > pilih  Android Resource Directory  seperti pada gambar di bawah:

Android Resource directory di Android Studio
Android Resource directory
                           
              Kemudian pilih raw lalu pilih tombol OK.
folder raw di Android Studio
folder raw
Setelah folder raw berhasil di buat , lalu kita copykan atau drag file .mp3 ke folder raw.
Seperti pada  gambar di bawah ,file mp3nya  bernama indonesiaraya.mp3 :
folder raw dengan file .mp3
folder raw dengan file .mp3
3. Layout
Pada bagian file layout kita bisa pilih Design. Lalu drag widget Button ke area layout.
widget Button di bagian Palette
widget Button di bagian Palette
Selanjutnya pada bagian Text di file layout. Salin baris intruksi (codingan) berikut ke file  layout activity_main.xml

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">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Lagu Indonesia Raya"
        android:id="@+id/textView"
        android:layout_marginTop="59dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="PLAY"
        android:id="@+id/btnPLAY"
        android:layout_marginTop="102dp"
        android:layout_below="@+id/textView"
        android:layout_toLeftOf="@+id/btnPAUSE"
        android:layout_toStartOf="@+id/btnPAUSE"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="STOP"
        android:id="@+id/btnSTOP"
        android:layout_alignTop="@+id/btnPAUSE"
        android:layout_toRightOf="@+id/btnPAUSE"
        android:layout_toEndOf="@+id/btnPAUSE"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="PAUSE"
        android:id="@+id/btnPAUSE"
        android:layout_alignTop="@+id/btnPLAY"
        android:layout_centerHorizontal="true"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="by okedroid.com"
        android:id="@+id/textView2"
        android:layout_marginBottom="106dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"/>
    </RelativeLayout>


4. Activity
Lalu pada bagian Activity.  Salin baris intruksi (codingan) berikut ke file java MainActivity.java


MainActivity.java

package com.okedroid.aplikasisaya;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnCompletionListener;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import java.io.IOException;
public class MainActivity extends AppCompatActivity {
    /** Called when the activity is first created. */
    private Button btnPlay;
    private Button btnPause;
    private Button btnStop;
    private MediaPlayer mp;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mp = new MediaPlayer();
        btnPlay = (Button) findViewById(R.id.btnPLAY);
        btnPause = (Button) findViewById(R.id.btnPAUSE);
        btnStop = (Button) findViewById(R.id.btnSTOP);
        stateAwal();
        btnPlay.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                play();
                btnPlay.setEnabled(false);
                btnPause.setEnabled(true);
                btnStop.setEnabled(true);
            }
        });
        btnPause.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                pause();
            }
        });
        btnStop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                stop();
            }
        });
    }
    /** State Awal / Pertama Dijalankan */
    public void stateAwal(){
        btnPlay.setEnabled(true);
        btnPause.setEnabled(false);
        btnStop.setEnabled(false);
    }
    /** Dijalankan Oleh Tombol Play */
    private void play() {
        /** Memanggil File MP3 "indonesiaraya.mp3" */
        mp = MediaPlayer.create(this, R.raw.indonesiaraya);
        try {
            mp.prepare();
        } catch (IllegalStateException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        /** Menjalankan Audio */
        mp.start();
        /** Penanganan Ketika Suara Berakhir */
        mp.setOnCompletionListener(new OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mp) {
                stateAwal();
            }
        });
    }
    /** Dijalankan Oleh Tombol Pause */
    public void pause(){
        if(mp.isPlaying()){
            if(mp!=null){
                mp.pause();
            }
        } else {
            if(mp!=null){
                mp.start();
            }
        }
    }
    /** Dijalankan Oleh Tombol Stop */
    public void stop(){
        mp.stop();
        try{
            mp.prepare();
            mp.seekTo(0);
        }catch (Throwable t) {
            t.printStackTrace();
        }
        stateAwal();
    }
    }



5. Menjalankan Aplikasi

Setelah selesai semua , sekarang kita coba test dengan menjalankan Aplikasinya di Android Studio.


(i) Perlu di ingat pastikan kalian menjalankan Aplikasi ini di perangkat/Smartphone Android(Real Device)  kalian. Karna Aplikasi ini tidak bisa berjalan di Emulator atau sejenisnya.


Hasil tampilan Aplikasi Media Player Audio sebelum di Play
Hasil tampilan Aplikasi sebelum Media Player di Play 


Hasil tampilan Aplikasi Media Player Audio sesudah di Play
Hasil tampilan Aplikasi sesudah Media Player  di Play
Credit Source Code By : okedroid.com


EmoticonEmoticon