Membuat Aplikasi Pemutar Audio Sholawatan di Android Studio

membuat aplikasi pemutar audio sholawatan di android studio

        Membuat aplikasi pemutar audio sholawatan di android studio. Disini kita akan memainkan kode(coding) berupa java. Media player khususnya pemutar audio atau audio player sangat tidak asing bagi telinga kita. Di handphone kita pasti ada yang namanya musik atau audio yang berguna untuk menyetel musik, sholawatan, k-pop, rock dan dangdutan. Apakah anda pernah berpikir gimana sih caranya membuat aplikasi audio yang sederhana dan mudah. Didalam aplikasinya nanti kita hanya menggunakan widget tooglebutton untuk tombol play dan stop. Nah pada blog ini saya akan memberikan tutorial membuat aplikasi pemutar audio di android studio khususnya audio sholawatan agar kita bisa terus bersholawat kepada baginda Nabi Muhammad SAW. Dan saya akan mengambil sholawatannya dari Bhenning Mania Nusantara, Sukorejo-Situbondo. Yuk langsung saja kita buat aplikasinya!

Cara Membuat Aplikasi Pemutar Audio Sholawatan di Android Studio

1. Pertama, buka android studio dan klik Start a new Android Studio project.

klik Start a new Android Studio project

2. Pilih nama, package dan lokasi file yang akan anda gunakan jika sudah klik next.

new project

3.  Tentukan Target Android Devices anda, saya menggunakan API 21 untuk minimum SDK nya. Klik next.

Target Android Devices

4. Di bagian Add an Activity to Mobile, pilih template yang kosong seperti Empty Activity. Klik Next.

Add an Activity to Mobile


5. Selanjutnya Customize the Activity, klik finish.

Customize the Activity

6. Tunggu proses Build Project Grandle sampai selesai.
7.  Siapkan file audio dengan format mp3, lalu buat direktori baru dengan nama raw. Klik kanan pada folder res > New > Android resource directory.
8. Ubah resource typenya menjadi raw, klik ok.

resource type raw

9. Selanjutnya copy-paste file audionya dan simpan pada direktori raw.

file di raw

10. Dibagian activity_utama.xml buat layout tampilan awal atau home seperti dibawah ini.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:background="@mipmap/bckg"

    tools:context="com.example.khairiyah.sholawatan.UtamaActivity">

    <Button

        android:id="@+id/btnMulai"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="Mulai"

        android:textSize="12pt"

        android:textStyle="normal"

        android:textColor="#000000"

        android:background="#ede076"

        android:layout_marginLeft="100dp"

        android:layout_marginRight="100dp"

        android:layout_marginTop="400dp"

        android:layout_marginBottom="7dp"

        />

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="by khryaaa"

        android:textAlignment="center"

        android:textSize="10pt"

        android:textColor="#dabb6d"

        android:textStyle="italic"

        android:layout_marginTop="5dp"/>

</LinearLayout>


11. Buka class UtamaActivity.java untuk mengkoding button mulai, jika anda mengklik mulai maka ditampilan awal anda akan menuju tampilan kedua.

package com.example.khairiyah.sholawatan;

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class UtamaActivity extends AppCompatActivity {

    private Button btnMulai;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_utama);

        btnMulai = (Button) findViewById(R.id.btnMulai);

        btnMulai.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                Intent utama = new Intent(UtamaActivity.this, playActivity.class);

                startActivity(utama);

            }

        });

    }

}


12. Tampilan kedua yaitu activity_play.xml disini kita membuat audionya dengan menggunakan tooglebutton. Saya hanya mencontohi satu audio saja, jika anda menginginkan lebih anda bisa menambahi text dan tooglebutton dibawahnya.

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="#031359"

    tools:context="com.example.khairiyah.sholawatan.playActivity">

    <ScrollView

        android:layout_width="match_parent"

        android:layout_height="match_parent">

        <RelativeLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content">

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:orientation="vertical">

            <TextView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:text="Kumpulan Sholawat 'Bhenning'"

                android:textAlignment="center"

                android:textSize="12pt"

                android:textStyle="bold"

                android:textColor="#e2dd3f"

                />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="1. Terangkanlah"

                android:textSize="9pt"

                android:textStyle="bold"

                android:textColor="#cac67e"

                android:layout_marginRight="100pt"

                android:layout_marginTop="50dp"

                />

            <ToggleButton

                android:id="@+id/btnSatu"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:onClick="Playstop1"

                android:textColor="#0000ff"

                android:textOff="Play"

                android:textOn="Stop"

                />

        </LinearLayout>

        </RelativeLayout>

    </ScrollView>

</RelativeLayout>


13. Selanjutnya class PlayActivity.java disini kita akan mengkoding tombol play dan stop. Sama seperti diatas saya hanya mencontohi satu, selebihnya anda tambahi sendiri dibawahnya.

package com.example.khairiyah.sholawatan;

import android.media.MediaPlayer;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.ToggleButton;

public class playActivity extends AppCompatActivity {

    MediaPlayer audio1;

    ToggleButton btnSatu;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_play);

        audio1 = MediaPlayer.create(this,R.raw.terangkanlah);

       

        btnSatu = (ToggleButton) findViewById(R.id.btnSatu);

     

    }

    public void Playstop1(View view) {

        boolean on = ((ToggleButton) view).isChecked();

        if (on){

            //audio.setLooping(true); //Untuk Secara Auto

            audio1.setVolume(1,1);

            audio1.start();

        }

        else {

            audio1.pause();

        }

    }

}


14. Terakhir, run project atau menjalankan aplikasi di handphone anda.

run project


15. Sukses ini tampilan di handphone android, Alhamdulillah.

tampilan awal aplikasi pemutar audio sholawatan di handphonetampilan kedua aplikasi pemutar audio sholawatan di handphone

        Demikianlah cara membuat aplikasi pemutar audio sholawatan di android studio. Mudah sekali kan, sekarang anda dapat mendengarkan audio sholawatan buatan anda sendiri. Jika anda kurang mengerti dengan penjelasan saya diatas, anda bisa tanyakan dikolom komentar, InsyaaAllah saya akan menjawabnya. Jangan lupa untuk bersholawat hari ini. Semoga bermanfaat dan terimakasih :) 




Komentar

Posting Komentar

Terimakasih, semoga suka dan bermanfaat :)