Cara Membuat Aplikasi Pemutar Musik - Wavker Blog

Cara Membuat Aplikasi Pemutar Musik

Setelah kita sudah menyiapkan Persiapan untuk memulai mengkoding untuk membuat aplikasi android Silahkan baca disini : Persiapan Untuk me...

Setelah kita sudah menyiapkan Persiapan untuk memulai mengkoding untuk membuat aplikasi android Silahkan baca disini :
Kalo sudah tentunya kita akan membuat aplikasi di android, Yap untuk Tutorial kali ini kita mencoba membuat aplikasi Pemutar Musik, Tentunya fungsinya untuk memutar musik atau lagu, Apa saja langkah langkah nya ?

Pertama siapkan 3 macam icon untuk tampilan pada menu nya antara lain :
untuk memulai musik di aplikasi
Icon Play Untuk memainkan musik
dalam membuat app pemutar musik
Icon Pause untuk menahan musik sebentar
untuk mematikan pemutar musik
Icon Stop untuk menghentikan musik

Kita memerlukan import media player Android untuk dapat memainkan musik di Android, Import media tersebut adalah sebagai berikut :
import android.media.MediaPlayer;

Dan kita dalam melakukan koding gunakanlah teknik implements serta mendenisikan variable Media Players seperti meng kode berikut :
public class AudioDemo extends Activity
    implements Media Player.OnCompletionListener {
   
    private ImageButton play;
    private ImageButton pause;
    private ImageButton stop;
        private MediaPlayer mp;

Sementara untuk kita melakukan inisialisasi icon dengan fungsi memulai dan stop serta mejadikan clik terhadap icon kita bentuk definisian nya sebagai berikut :
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();
                    }
            });

Sementara untuk method setup () berisi sebagai berikut :
private void setup() {
       loadclip();
       play.setEnabled(true);
       pause.setEnabled(false);
       stop.setEnabled(false);
   }

Setelah itu untuk handle apabila dilakukan klik terhadap icon gambar kita akan menjadikan panggilan salah satu fungsi berikut ini :
        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) {
                goBlooney(t);
        }
}
private void pause() {
        mp.pause();
      
        play.setEnabled(true);
        pause.setEnabled(false);
        stop.setEnabled(true);
}

 Lalu coba masukan file berformat mp3 sample ke dalam folder raw di project android kita dan akan di load dengan fungsi sebagai berikut :
private void loadClip() {
            try {
                    mp=MediaPlayer.create(this,R.raw.mars_demokrat);
                    mp.setOnCompletionListeber(this);
            }
            catch (Throwable t) {
                    goBlooney(t)
            }
}

Dari bentuk koding diatas bahwa sample mp3 yang akan di keluarkan adalah mp3 dengan nama file mars_demokrat.mp3, Apabila kita inggin mengantti dengan memasukan file lagu agan sukai.

Dan berdasarkan Layot tampilan aplikasi pemutar musik diatas kita membutuhkan 3 (tiga) defenisi gambar dalam "Layot Xml" kita antara lain :
  • Button Gambar Play
<ImageButton android:id="@+id/play"
                    android:src="@drawable/play"
                    android:layout_height="wrap_content"
                    android:layout_widht"wrap_content"
                    android:paddingRight="4px"
                    android:enabled="false"

  • Button Gambar Pause
<ImageButton android:id="@+id/pause"
                    android:src="@drawable/pause"
                    android:layout_height="wrap_content"
                    android:layout_widht"wrap_content"
                    android:paddingRight="4px"

  • Button Gambar Stop
<ImageButton android:id="@+id/stop"
                    android:src="@drawable/stop"
                    android:layout_height="wrap_content"
                    android:layout_widht"wrap_content"
                    android:paddingRight="4px"

Nah untuk membuat file layout xml kita kode nya adalah sebagai berikut :
Main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="vertical"
            android:layout_widht="fill_parent"
            android:layout_height="fill_parent"
            >
    <LinearLayout
            android:orientation="horizontal"
            android:layout_widht="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_widht"wrap_content"
                    android:paddingRight="4px"
                    android:enabled="false"
            />
            <TextView
                    android:text="play"
                    android:layout_widht="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_widht="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_widht"wrap_content"
            android:paddingRight="4px"
    />
    <TextView
            android:text="Pause"
            android:layout_widht="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_widht="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_widht"wrap_content"
                    android:paddingRight="4px"
            />
            <TextView
            android:text="Stop"
            android:layout_widht="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center_vertical"
            android:layout_gravity="center_vertical"
   
    android:textAppearance="?android:attr/textAppearanceLarge"
            />
    </LinearLayout>
</LinearLayout>

Nah utuk dengankan File Musik.java kode selengkapnya adalah beberapa berikut :

Music.Java
package com.wilis.music;

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 music 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.isRnabled()) {
                stop();
           }
    }
   
    public void onCompletion(MediaPlayer mp) {
            stop();
           
    public 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,Rraw.mars_demokrat);
                    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();
    )
)

Artikel Terkait

0 komentar

Histats

Disqus for wavker