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.
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 |
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.
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 |
5. Pada bagian Add an Activity to Mobile kita bisa memilih template bawaan yang masih kosong yaitu Empty Activity lalu pilih Next
Empty Activity |
6. Selanjutnya di bagian Cutomize the Activity kita hanya perlu memilih tombol Finish.
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 |
Kemudian pilih raw lalu pilih tombol OK.
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 |
3. Layout
Pada bagian file layout kita bisa pilih Design. Lalu drag widget Button ke area layout.
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"/>
4. Activity
Lalu pada bagian Activity. Salin baris intruksi (codingan) berikut ke file java MainActivity.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 sebelum Media Player di Play |
Hasil tampilan Aplikasi sesudah Media Player di Play |
EmoticonEmoticon