Add Sound to Your Application in Android Studio

Introduction

This article explains how to start sound on a button click using the raw folder in Android Studio.

In this first you will use an Imageview and two buttons. When you click on the Start button the sound will start and when you click on the Stop button the sound will stop. In this I use a Dog as an example, you can use any other animal as an example.

So to apply a sound in your application you need to create a file named raw in the res folder and add the sound file with its extension (Dog.mp3 or any other extension) inside the file. you will create the folder as in the following:

Clipboard02.jpg

So after adding the sound file to the raw folder you will create a media player in your class file. You will add a media player and a sound to the media player like this:

MediaPlayer player=MediaPlayer.create(MainActivity.this,R.raw.dog);

You will do the start sound operation on a Start button click event and do the stop operation on the Stop button click event like this:

button1.setOnClickListener(new View.OnClickListener() {
            @Override

            public void onClick(View v) {

                player=MediaPlayer.create(MainActivity.this,R.raw.dog);

 

           player.start();

 

            }

        });

        button2.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                player.pause();

 

            }

 

    });

Step 1

Create the project like this:

Clipboard03.jpg

 

Step 2

Create an XML file and write this:

In this I have used a Textview and two Buttons. An Imageview inside the Relative layout .When you click on the Start button the sound will start and when you click on the Stop button the sound will stop. In this I use the example of a Dog, you can use any animal as an example.

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

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

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:paddingBottom="@dimen/activity_vertical_margin"

    tools:context=".MainActivity"

        android:background="#566780">

 

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="SoundComesonImageClick"

        android:layout_centerHorizontal="true"

        android:textStyle="bold"

            android:textSize="20dp"/>

 

    <ImageView

            android:layout_height="wrap_content"

            android:layout_width="wrap_content"

            android:background="@drawable/images"

            android:layout_centerHorizontal="true"

            android:layout_centerInParent="true"

            android:id="@+id/imageview">

 

            </ImageView>

 

    <Button

            android:id="@+id/button1"

            android:layout_height="wrap_content"

            android:layout_width="100dp"

            android:layout_alignParentBottom="true"

            android:text="Start"

            android:layout_marginLeft="50dp"

            />

    <Button

            android:id="@+id/button2"

            android:layout_height="wrap_content"

            android:layout_width="100dp"

            android:layout_alignParentBottom="true"

            android:layout_marginLeft="200dp"

            android:text="Stop"

            >

    </Button>

</RelativeLayout>


Step 3

In a Java class file you will add a media player and sound to the media player. On the start button click event the sound will start and on the stop button click event the sound will stop.

Create a Java file and write this:

package com.addmusic;

import android.media.MediaPlayer;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

import android.widget.ImageView;

 

public class MainActivity extends Activity {

    MediaPlayer player;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        ImageView imageview=(ImageView)findViewById(R.id.imageview);

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

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

       button1.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                player=MediaPlayer.create(MainActivity.this,R.raw.dog);

 

           player.start();

 

            }

        });

        button2.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                player.pause();

 

            }

 

    });

 

    }

 

}
 

Step 4

Android menifest.xml file:
 

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

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

    package="com.addmusic"

    android:versionCode="1"

    android:versionName="1.0" >

 

    <uses-sdk

        android:minSdkVersion="7"

        android:targetSdkVersion="16" />

 

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.addmusic.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

 

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

 

</manifest>

Step 5

Clipboard04.jpg


 

Next Recommended Readings