Difference between revisions of "Androdi Studio: Playsound"

From OnnoWiki
Jump to navigation Jump to search
Line 2: Line 2:
  
  
Introduction
 
  
This article explains how to start sound on a button click using the raw folder in Android Studio.
+
Di sini akan di jelasnkan cara agar android akan mengeluarkan suara setelah tombol Start di tekan.
  
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.
+
Media player untuk menjalankan suara yang ada di folder raw dapat di aktifkan menggunakan perintah berikut
  
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:
+
MediaPlayer player=MediaPlayer.create(MainActivity.this,R.raw.dog);
  
Clipboard02.jpg
+
==Langkah 1==
  
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:
+
File MainActivity.java
 
 
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 id.onnocenter.kucing;
 
  package id.onnocenter.kucing;
Line 174: Line 21:
 
  import android.support.v7.widget.Toolbar;
 
  import android.support.v7.widget.Toolbar;
 
  import android.view.View;
 
  import android.view.View;
  import android.view.Menu;
+
  import android.view.Menu;  
 
  import android.view.MenuItem;
 
  import android.view.MenuItem;
 
  import android.widget.Button;
 
  import android.widget.Button;
Line 189: Line 36:
 
         ImageView imageview=(ImageView)findViewById(R.id.imageview);
 
         ImageView imageview=(ImageView)findViewById(R.id.imageview);
 
         Button button1=(Button)findViewById(R.id.button1);
 
         Button button1=(Button)findViewById(R.id.button1);
         Button button2=(Button)findViewById(R.id.button2);
+
         Button button2=(Button)findViewById(R.id.button2);  
 
   
 
   
 
         button1.setOnClickListener(new View.OnClickListener() {
 
         button1.setOnClickListener(new View.OnClickListener() {
Line 197: Line 44:
 
                 player.start();
 
                 player.start();
 
             }
 
             }
         });
+
         });  
 
   
 
   
 
         button2.setOnClickListener(new View.OnClickListener() {
 
         button2.setOnClickListener(new View.OnClickListener() {
Line 207: Line 54:
 
     }
 
     }
 
  }
 
  }
 +
 +
 +
==Langkah 2==
 +
 +
Edit file content_main.xml agar
 +
 +
<?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: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/cow1"
 +
        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 4
+
==Langkah 3==
  
AndroidManifest.xml file:
+
Edit file AndroidManifet.xml
 
   
 
   
  

Revision as of 15:21, 20 October 2015

Sumber: http://www.c-sharpcorner.com/UploadFile/1e5156/add-sound-to-your-application-in-android-studio/


Di sini akan di jelasnkan cara agar android akan mengeluarkan suara setelah tombol Start di tekan.

Media player untuk menjalankan suara yang ada di folder raw dapat di aktifkan menggunakan perintah berikut

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

Langkah 1

File MainActivity.java

package id.onnocenter.kucing;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu; 
import android.view.MenuItem;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    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.cow1);
                player.start();
            }
        }); 

        button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                player.pause();
            }
        });
    }
}


Langkah 2

Edit file content_main.xml agar

<?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: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/cow1"
        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>


Langkah 3

Edit file AndroidManifet.xml


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="id.onnocenter.kucing" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:theme="@style/AppTheme.NoActionBar" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" /> 

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>




Referensi