Audio Player adalah suatu aplikasi untuk memutar file musik yang biaasayanya berformat MP3. Nah kali ini kita akan membuat aplikasi tersebut menggunakan android studio. Tanpa berpanjang lebar lagi yuk kita praktekkan Cara Membuat Aplikasi Audio Player Keren dengan Android Studio.
Cara Membuat Aplikasi Audio Player Keren Dengan Android Studio:
1. Buat Project Baru, kemudian kasi nama project sesuai aplikasi yang akan kamu buat, lalu klik Next.
2. Selanjutnya pilih perangkat yang bisa menjalankan aplikasi yang kamu buat. Disini kita membuat aplikasi untuk phone dan tablet. Jadi silahkan pilih Phone dan tablet. Jangan lupa pilih API atau minimum SDK yang dapat menjalankan palikasi mu, saran saya pilih versi paling bawah. Jika sudah kamu bisa klik Next.
3. Kemudian pilih activity pada mobile.activity ini harus kamu sesuaikan dengan aplikasi yang akan kamu buat, karena kita mau buat apllikasi pemutar music kita pilih saja yang Empty activity. Jika sudah klik Next.
4. Selnjutnya, isi nama activity sesuai keinginan mu, atau biarkan default. Lalu klik Next.
5. Selanjutnya, kita akan membuat satu folder baru di dalam ress untuk meletakkan music-music yang akan diputar. Caranya klik kanan pada folder “ress” lalu pilih “New” kemudian pilih “Directory”.
6. Maka akan muncul kotak dialog baru penamaan directory, silahkan kamu isi nama directory nya dengan nama “raw”. Jika sudah langsung klik OK.
7. Setelah itu, kamu copykan sebuah lagu lalu pastekan kedalam directory “raw” tadi. Cara pengcopyannya sama seprty copy paste biasa.
8. Jika sudah, sekarang kita desain tampilan aplikasinya. Silahkan kamu masukkan komponen berikut:
9. Susun komponen tersebut seprti ini:
10. Anda juga bisa mendesain tamilan melalu koding caranya klik tab TEXT yang berada di bawah atau di saping DESIGN. Lalu ketikkan lah koding berikut:
Coding MainActivity.XML
<?xml version="1.0" encoding="utf-8"?>11. Jika anda ingin mengganti background seperti diatas sialhkan copykan sebuah gambar, lalu pastekan ke folder “ress>>drawable”.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
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"
android:background="@drawable/bg"
tools:context="com.bacacoding.audioplayer.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Play Your Music"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="48dp"
android:textStyle="normal|bold"
android:textColor="@android:color/background_light"
android:textSize="30sp"
android:textAlignment="center"
android:fontFamily="casual" />
<Button
android:text="Play"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="16dp"
android:layout_marginStart="16dp"
android:id="@+id/button"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginBottom="74dp" />
<Button
android:text="Pause"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/button"
android:layout_centerHorizontal="true"
android:id="@+id/button2" />
<Button
android:text="Stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/button3"
android:layout_alignBaseline="@+id/button2"
android:layout_alignBottom="@+id/button2"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="11dp"
android:layout_marginEnd="11dp" />
</RelativeLayout>
12. Kemudian kamu cari pada activity_main.xml koding “ android:background=”@drawable/bg”. Kamu ganti “bg” sesuai nama file gambar yang kamu pastekan.
13. Selanjutnya kita masuk ke tab MainActivity.Java. silahkan kamu ketikkan kodeing berikut:
14. Jika kurang jelas, berikut saya lampirkan script codingan nya. Note: usahakan di ketik manual biar ingat dan Jago atau jika ingin copas, copy lah dengan Package nya sekalian biar tidak error.
Coding MainActivity.Java:
package com.bacacoding.audioplayer;15. Sekarang coba RUN kan Program anda, jika sukses hasilnya akan seperti ini:
import android.media.MediaPlayer;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import java.io.IOException;
public class MainActivity extends AppCompatActivity {
Button btn_play, btn_pause, btn_stop;
MediaPlayer mPlayer;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btn_play = (Button)findViewById(R.id.button);
btn_pause = (Button)findViewById(R.id.button2);
btn_stop = (Button)findViewById(R.id.button3);
stateAwal();
btn_play.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View view){
play();
btn_play.setEnabled(false);
btn_pause.setEnabled(true);
btn_stop.setEnabled(true);
}
});
btn_pause.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View view){
pause();
}
});
btn_stop.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View view){
stop();
}
});
}
public void stateAwal(){
btn_play.setEnabled(true);
btn_pause.setEnabled(false);
btn_stop.setEnabled(false);
}
private void play(){
mPlayer = MediaPlayer.create(this,R.raw.happy);
try {
mPlayer.prepare();
}catch (IllegalStateException e){
e.printStackTrace();
}catch (IOException e){
e.printStackTrace();
}
mPlayer.start();
mPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener(){
@Override
public void onCompletion (MediaPlayer mediaPlayer){
stateAwal();
}
});
}
public void pause(){
if (mPlayer.isPlaying())
if (mPlayer!=null){
mPlayer.pause();
}else{
if (mPlayer!=null){
mPlayer.start();
}
}
}
public void stop(){
mPlayer.stop();
try {
mPlayer.prepare();
mPlayer.seekTo(0);
}catch (Throwable t){
t.printStackTrace();
}
stateAwal();
}
}
Bagaimana? Mudah bukan?. Sekarang kamu bisa mendengarkan musik favorite kamu dari aplikasi buatanmu sendiri. Bangga dong. Nah itu tadi sedikit tutorial dari saya, jika ada kekurangan saya mohon maaf. dan jika ada kesalahan silahkan komentar dibawah agar segera saya koreksi. Dan jangan lupa SHARE artikel ini jika bermanfaat menurut kalian, supaya lebih banyak lagi orang yang tau. Sekian dari saya. Terimakasih, Salam Bacacoding.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon