Difference between revisions of "Androdi Studio: Playsound"

From OnnoWiki
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
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
+
==Folder ~/AndroidStudioProjects/Sapi/app/src/main/res/drawable==
 +
isi
  
−
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:
+
cat1.png  cat2.png  cow1.png
  
−
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:
+
==Folder ~/AndroidStudioProjects/Sapi/app/src/main/res/raw==
 +
isi
  
−
button1.setOnClickListener(new View.OnClickListener() {
+
believeme.wav  catmeow.wav  catpurr.wav  cow1.wav  cow.wav
−
            @Override
 
  
−
            public void onClick(View v) {
 
  
−
                player=MediaPlayer.create(MainActivity.this,R.raw.dog);
 
  
−
+
==Isi File MainActivity.Java==
−
 
 
−
          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 32:
 
  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 47:
 
         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 55:
 
                 player.start();
 
                 player.start();
 
             }
 
             }
−
         });
+
         });  
 
   
 
   
 
         button2.setOnClickListener(new View.OnClickListener() {
 
         button2.setOnClickListener(new View.OnClickListener() {
Line 207: Line 65:
 
     }
 
     }
 
  }
 
  }
 +
 +
 +
==File content_main.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: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
 
  
−
AndroidManifest.xml file:
+
 
−
+
==File AndroidManifest.xml==
  
 
  <?xml version="1.0" encoding="utf-8"?>
 
  <?xml version="1.0" encoding="utf-8"?>

Latest revision as of 18:28, 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);

Folder ~/AndroidStudioProjects/Sapi/app/src/main/res/drawable

isi 

cat1.png  cat2.png  cow1.png


Folder ~/AndroidStudioProjects/Sapi/app/src/main/res/raw

isi 

believeme.wav  catmeow.wav  catpurr.wav  cow1.wav  cow.wav


Isi 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();
            }
        });
    }
}


File content_main.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: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>


File AndroidManifest.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

Retrieved from "https://onnocenter.or.id/wiki/index.php?title=Androdi_Studio:_Playsound&oldid=44758"