Kamis, 15 Juni 2017

Membuat MP3 Player pada Andoid

  • Siang ini saya akan berbagi tentang cara membuat aplikasi pemutar musik dengan menggunakan Eclipse. Aplikasi yang saya buat merupakan aplikasi sederhana yang saya pelajari melalui internet. Ikuti langkah-langkah dibawah ini. Selamat belajar ðŸ™‚


  • Buatlah sebuah project baru dengan nama “MusicPlayer“.
  • Siapkan 3 buah gambar yang nantinya akan digunakan untuk dijadikan gambar pada button dan satu buah atau beberapa lagu yang akan dijalankan nanti. Berikut gambar gambar yang dibutuhkan.

  • Klik kanan pada folder res > New >  Folder > Beri nama “drawable”. Kemudian buat folder baru lagi dengan nama “raw” yang nantinya akan digunakan untuk menyimpan lagu yang akan kita jalankan.
  • Copy dan paste 3 buah gambar tadi ke dalam folder drawable, dan copy paste file lagu ke dalam folder raw.
  • Bukalah file activity_main.xml dan susunlah komponen android menjadi seperti dibawah ini.


  • DIbawah ini merupakan program dari activity_main.xml.
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
       android:id="@+id/textView1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentTop="true"
       android:layout_centerHorizontal="true"
       android:layout_marginTop="24dp"
       android:text="@string/judul"
       android:textSize="20sp" />

    <ImageButton
       android:id="@+id/stop"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignTop="@+id/play"
       android:layout_marginLeft="22dp"
       android:layout_toRightOf="@+id/play"
       android:src="@drawable/stop1" />

    <ImageButton
       android:id="@+id/play"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignTop="@+id/pause"
       android:layout_centerHorizontal="true"
       android:src="@drawable/play1" />

    <ImageButton
       android:id="@+id/pause"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_below="@+id/textView1"
       android:layout_marginRight="18dp"
       android:layout_marginTop="112dp"
       android:layout_toLeftOf="@+id/play"
       android:src="@drawable/pause1" />
</RelativeLayout>
  • Kemudian bukalah file MainActivity.java dan salinlah program dibawah ini. Jangan lupa untuk tetap menyesuaikan program dibawah ini dengan program yang anda buat.

package com.irmarismay.musicplayer;

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

public class MainActivity extends Activity implements OnCompletionListener {
    ImageButton pause, play, stop;
    MediaPlayer mp;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    pause = (ImageButton)findViewById(R.id.pause);
    play = (ImageButton)findViewById(R.id.play);
    stop = (ImageButton)findViewById(R.id.stop);

    pause.setOnClickListener(new View.OnClickListener() {
    @Override
        public void onClick(View v) {
           // TODO Auto-generated method stub
           pause();
        }
    });
  
    play.setOnClickListener(new View.OnClickListener() {
    @Override
       public void onClick(View v) {
       // TODO Auto-generated method stub
          play();
       }
    });

    stop.setOnClickListener(new View.OnClickListener() {
    @Override
       public void onClick(View v) {
       // TODO Auto-generated method stub
          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();
}
  • Setelah selesai, jalankan aplikasi pada emulator maupun pada Smartphone anda.
  • Berikut tampilannya.

0 komentar:

Posting Komentar