How to play Audio on Button Click in app | Android App Development | Java

 In this post, you will learn how to play audio on button click feature in your Android App.

We will be using the MediaPlayer to implement this functionality.

MediaPlayer class can be used to control playback of audio/video files and streams.

MediaPlayer is not thread-safe. Creation of and all access to player instances should be on the same thread. If registering callbacks, the thread must have a Looper.

Implementation:

First, in the activity_main.xml file, add the following code:

	<?xml version="1.0" encoding="utf-8"?>
	<androidx.constraintlayout.widget.ConstraintLayout 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"
	tools:context=".MainActivity">
	<Button
	android:id="@+id/btn1"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginTop="200dp"
	android:text="Button 1"
	app:layout_constraintEnd_toEndOf="parent"
	app:layout_constraintHorizontal_bias="0.5"
	app:layout_constraintStart_toStartOf="parent"
	app:layout_constraintTop_toTopOf="parent" />
	<Button
	android:id="@+id/btn2"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginTop="70dp"
	android:text="Button 2"
	app:layout_constraintEnd_toEndOf="parent"
	app:layout_constraintHorizontal_bias="0.5"
	app:layout_constraintStart_toStartOf="parent"
	app:layout_constraintTop_toBottomOf="@+id/btn1" />
	<Button
	android:id="@+id/btn3"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginTop="70dp"
	android:text="Button 3"
	app:layout_constraintEnd_toEndOf="parent"
	app:layout_constraintHorizontal_bias="0.5"
	app:layout_constraintStart_toStartOf="parent"
	app:layout_constraintTop_toBottomOf="@+id/btn2" />
	</androidx.constraintlayout.widget.ConstraintLayout>

view raw xml hosted with ❤ by GitHub

Then, create a new Android Resources Directory of type ' raw ' and add the audio sounds of your choice in it.

Then in the MainActivity.java file, add the following code:

	import androidx.appcompat.app.AppCompatActivity;
	import android.media.MediaPlayer;
	import android.os.Bundle;
	import android.view.View;
	import android.widget.Button;
	public class MainActivity extends AppCompatActivity {
	Button button1, button2, button3;
	MediaPlayer mp;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	button1 = findViewById(R.id.btn1);
	button2 = findViewById(R.id.btn2);
	button3 = findViewById(R.id.btn3);
	button1.setOnClickListener(new View.OnClickListener() {
	@Override
	public void onClick(View view) {
	mp = MediaPlayer.create(MainActivity.this,R.raw.bing);
	mp.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
	@Override
	public void onPrepared(MediaPlayer mediaPlayer) {
	mp.start();
	}
	});
	mp.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
	@Override
	public void onCompletion(MediaPlayer mediaPlayer) {
	mp.release();
	}
	});
	}
	});
	button2.setOnClickListener(new View.OnClickListener() {
	@Override
	public void onClick(View view) {
	mp = MediaPlayer.create(MainActivity.this,R.raw.success);
	mp.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
	@Override
	public void onPrepared(MediaPlayer mediaPlayer) {
	mp.start();
	}
	});
	mp.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
	@Override
	public void onCompletion(MediaPlayer mediaPlayer) {
	mp.release();
	}
	});
	}
	});
	button3.setOnClickListener(new View.OnClickListener() {
	@Override
	public void onClick(View view) {
	mp = MediaPlayer.create(MainActivity.this,R.raw.error);
	mp.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
	@Override
	public void onPrepared(MediaPlayer mediaPlayer) {
	mp.start();
	}
	});
	mp.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
	@Override
	public void onCompletion(MediaPlayer mediaPlayer) {
	mp.release();
	}
	});
	}
	});
	}
	}

view raw java hosted with ❤ by GitHub

Output: