assalamu'alaikum googler
disini Bukan Programer akan membagikan cara membuat aplikasi audio player dengan android, disini teknik coding sangat diperlukan,karena googler akan bermain coding.
Audio Player terdiri dari dua suku kata audio dan player.
Secara umum audio merupakan salah satu elemen penting yang ikut berperan
dalam membangun sebuah sistem komunikasi
dalam bentuk suara, yaitu suatu sinyal elektrik yang akan membawa unsur bunyi
didalamnya. Audio sendiri terbentuk melalui beberapa tahap, antara lain tahap
pengambilan/penangkapan suara, sambungan transmisi pembawa bunyi, amplifier dan
lain sebagainya.
Sedangkan Player adalah bahasa inggris yang artinya pemain
(pemutar). jadi bisa diartikan bahwa Audio Player adalah suatu aplikasi untuk
memutar file musik. 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.
Aplikasi Audio player merupakan aplikasi yang wajib ada di
smartphone kamu. karena dengan aplikasi ini kamu bisa mendengarkan musik-musik
yang kamu sukai. saat ini sudah banyak bermunculan aplikasi pemutar musik untuk
android di paly store seperti AIMP dan yang lainnya dari mulai yang gratis
sampai yang berbayar.
Namun sebenarnya aplikasi pemutar musik ini sudah tersedia
dari bawaan smartphone atau ketika baru beli smartphone. tetapi terkadang kita
kurang puas dengan kualitas pemutar musik tersebut karena fitur yang standar
dan kurang keren. Nah kali ini saya akan membagikan tutorial 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.
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.
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"?>
<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>
11. Jika anda ingin mengganti background seperti diatas
sialhkan copykan sebuah gambar, lalu
pastekan ke folder “ress>>drawable”.
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;
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();
}
}
15. Sekarang coba RUN kan Program anda, jika sukses hasilnya
akan seperti ini:
