Jin Toples Programming

Membuat Aplikasi Android Music Player - Pada kali ini kita akan memebuat aplikasi android yang berhubungan dengan media. Music Player atau pemutar musik adalah software atau aplikasi yang digunakan untuk menjalankan file suara khususnya MP3. Ketika kita menggunakan smartphone tentusaja kita pernah menggunakan music player, terutama para kalangan anak muda nih senengnya dengerin musik galau (bkakkaka). Pada kali ini kita akan belajar Membuat Aplikasi Android Music Player kita sendiri.

Baca juga : Cara Membuat Apk Aplikasi Android

A. Buatlah Sebuah Project Android Baru

Sebelum anda memulai membuat project, apa bila anda baru memulai membuat aplikasi android dan belum menginstal software yang diperlukan harap di instal terlebih dahulu, untuk cara penginstalan software yang di butuhkan baca di sini Cara Instalasi Package Untuk Membuat Aplikasi Android.

Untuk langkah - langkah membuat project baru lihat disini Cara Membuat Aplikasi Android

Pertama buatalah sebuah project android baru dengan property :

Project name : MusicPlayer

Build target : Android 2.3

Aplication name : musicplayer

Package name : com.wilis.musicplayer

Activity : musicplayer

Min SDK : 9

B. Persiapan

Sebelum memulai menulisakan script pertama siapkan terlebih dahulu bahan - bahan yang akan kita gunakan untuk membuat music player.

1. Siapkan 3 buah gambar sebagai triger pemicu music player, contoh :

Untuk image button untuk pause lagu

Untuk image button untuk memainkan lagu

Untuk image button untuk stop lagu

Buatlah sebuah folder baru dalam direktori res dengan cara :

Klik Kanan di res > New > Folder > berinama drawable > finish

2. Siapkan sebuah lagu yang akan di mainkan, nama file lagu yang akan digunakan tidak boleh menggunakan karakter khusu atau huruf besar. kemudian buatlah sebuah folder baru di dalam direktori res, caranya sama dengan di atas beri nama raw, simpanlah file lagu tersebut di dalamnya.

1. Main.xml

Ubahlah file main.xml dalam direktori res/layout kemudian ubahlah menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
 <LinearLayout
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:padding="4px"
 >
  <imagebutton android:id="@+id/play"
   android:src="@drawable/play"
   android:layout_height="wrap_content"
   android:layout_width="wrap_content"
   android:paddingRight="4px"
   android:enabled="false"
  />
  <TextView
   android:text="Play"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:gravity="center_vertical"
   android:layout_gravity="center_vertical"
   android:textAppearance="?android:attr/textAppearanceLarge"
  />
 </LinearLayout>
 <LinearLayout
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:padding="4px"
 >
  <imagebutton android:id="@+id/pause"
   android:src="@drawable/pause"
   android:layout_height="wrap_content"
   android:layout_width="wrap_content"
   android:paddingRight="4px"
  />
  <TextView
   android:text="Pause"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:gravity="center_vertical"
   android:layout_gravity="center_vertical"
   android:textAppearance="?android:attr/textAppearanceLarge"
  />
 </LinearLayout>
 <LinearLayout
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:padding="4px"
 >
  <imagebutton android:id="@+id/stop"
   android:src="@drawable/stop" 
   android:layout_height="wrap_content"
   android:layout_width="wrap_content"
   android:paddingRight="4px"
  />
  <TextView
   android:text="Stop"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:gravity="center_vertical"
   android:layout_gravity="center_vertical"
   android:textAppearance="?android:attr/textAppearanceLarge"
  />
 </LinearLayout>
</LinearLayout>

2. MusicPlayer.java

Ubahlah isi file musicplayer.java dalam direktori src/com.wilis.musicplayer mejadi seperti ini :

package com.wilis.musicplyaer;

import android.app.Activity;
import android.app.AlertDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;


public class musicplayer extends Activity
 implements MediaPlayer.OnCompletionListener {
 
 private ImageButton play;
 private ImageButton pause;
 private ImageButton stop;
 private MediaPlayer mp;

 @Override
 public void onCreate(Bundle icicle) {
  super.onCreate(icicle);
  setContentView(R.layout.main);
  
  play=(ImageButton)findViewById(R.id.play);
  pause=(ImageButton)findViewById(R.id.pause);
  stop=(ImageButton)findViewById(R.id.stop);
  
  play.setOnClickListener(new View.OnClickListener() {
   public void onClick(View view) {
    play();
   }
  });
  
  pause.setOnClickListener(new View.OnClickListener() {
   public void onClick(View view) {
    pause();
   }
  });
  
  stop.setOnClickListener(new View.OnClickListener() {
   public void onClick(View view) {
    stop();
   }
  });
  
  setup();
 }
 
 @Override
 public void onDestroy() {
  super.onDestroy();
  
  if (stop.isEnabled()) {
   stop();
  }
 }
 
 public void onCompletion(MediaPlayer mp) {
  stop();
 }
 
 private void play() {
  mp.start();
  
  play.setEnabled(false);
  pause.setEnabled(true);
  stop.setEnabled(true);
 }
 
 private void stop() {
  mp.stop();
  pause.setEnabled(false);
  stop.setEnabled(false);
  
  try {
   mp.prepare();
   mp.seekTo(0);
   play.setEnabled(true);
  }
  catch (Throwable t) {
   goBlooey(t);
  }
 }
 
 private void pause() {
  mp.pause();
  
  play.setEnabled(true);
  pause.setEnabled(false);
  stop.setEnabled(true);
 }
 
 private void loadClip() {
  try {
   mp=MediaPlayer.create(this, R.raw.start);
   mp.setOnCompletionListener(this);
  }
  catch (Throwable t) {
   goBlooey(t);
  }
 }
 
 private void setup() {
  loadClip();
  play.setEnabled(true);
  pause.setEnabled(false);
  stop.setEnabled(false);
 }
 
 private void goBlooey(Throwable t) {
  AlertDialog.Builder builder=new AlertDialog.Builder(this);
  
  builder
   .setTitle("Exception!")
   .setMessage(t.toString())
   .setPositiveButton("OK", null)
   .show();
 }
}

Pada script di atas carilah kode seperti berikut :

mp=MediaPlayer.create(this, R.raw.start);

Ubahlah script yang bertuliskan START di atas menjadi nama file lagu yang akan anda gunakan. disni karena saya menggunakan lagu start maka scriptnya bertuliskan start.

Penjelasan musicplayer.java di atas :

import android.media.MediaPlayer;

Kita membutuhkan script di atas untuk dapat memainkan musik di android.

public class musicplayer extends Activity
 implements MediaPlayer.OnCompletionListener {
 
 private ImageButton play;
 private ImageButton pause;
 private ImageButton stop;
 private MediaPlayer mp;

pada script di atas kita mendeklarasikan variabel sebagai media player dan mendeklerasaikan variabel button gambar.

public void onCreate(Bundle icicle) {
 super.onCreate(icicle);
 setContentView(R.layout.main);
  
 play=(ImageButton)findViewById(R.id.play);
 pause=(ImageButton)findViewById(R.id.pause);
 stop=(ImageButton)findViewById(R.id.stop);
  
 play.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   play();
  }
 });
  
 pause.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   pause();
  }
 });
  
 stop.setOnClickListener(new View.OnClickListener() {
  public void onClick(View view) {
   stop();
  }
 });
 
 setup();
}

Pada script di atas kita melakukan inisilaisai ikon dengan fungsi play, pause dan stop dan mendefiniskan fungsi klik pada ikon tersebut. jadi ketika kita melakukan aktifitas klik pada ikon atau gambar yang ada pada layout maka ia akan melakukan fungsi media play, pause atau stop, tergantung ikon/gambar yang kita klik

private void setup() {
 loadClip();
 play.setEnabled(true);
 pause.setEnabled(false);
 stop.setEnabled(false);
}

Script diatas adalaha method setup() yang kita gunkana pada script sebelummya.

private void play() {
 mp.start();
 
 play.setEnabled(false);
 pause.setEnabled(true);
 stop.setEnabled(true);
}
 
private void stop() {
 mp.stop();
 pause.setEnabled(false);
 stop.setEnabled(false);
  
 try {
  mp.prepare();
  mp.seekTo(0);
  play.setEnabled(true);
 }
 catch (Throwable t) {
  goBlooey(t);
 }
}

private void pause() {
 mp.pause();
 
 play.setEnabled(true);
 pause.setEnabled(false);
 stop.setEnabled(true);
}

Sementara itu script di atas digunakan untuk menghandle method play, pause dan stop yang terjadi apa bila terjadi klik pada ikon/gambar yang di deklerasikan pada script sebelummnya.

private void loadClip() {
 try {
  mp=MediaPlayer.create(this, R.raw.start);
  mp.setOnCompletionListener(this);
 }
 catch (Throwable t) {
  goBlooey(t);
 }

}

Script di atas digunakan untuk memangil atau meload file musik yang kita letakan dalam direktori res/raw.

Sekarang anda dapat menjalankan aplikasi anda dengan cara :

klik Run As > Android Aplication

Anda dapat mengembangkan Music Player ini sendiri sehingga interfacenya dan fiturnya lebih banyak dan memudahkan user untuk menggunakannya, mungkin nanti anda dapat membuat player yang bisa anda pasarkan sendiri.

Sumber : Pemograman Aplikasi Mobile Smartphone dan tablet PC Berbasic Android Penerbit Informatika, Bandung, 2012 By : Nazruddin Safaat.

Aplikasi Android Music Player anda sekarang sudah selesai, baca juga tutorial membuat aplikasi android lainnya.