Android Studio: Создаем простой аудиоплеер (AudioPlayer)

audiopleer0

Здравствуйте, давайте создадим Аудиоплеер для Android устройств на бесплатной программе — Android Studio.

Скачать исходники для статьи можно ниже

Для начала создадим простой Аудиоплеер, а потом будем постепенно его усложнять, но более сложные буду описывать в следующих статьях!

Создадим вот такой простой Аудиоплеер:

audiopleer0

Простой двухкнопочный аудиоплеер!

1. Создаем новый проект в Android Studio:

audiopleer1

Я выбрал платформу Android 4.0 — для того чтобы наше будущее приложение запускалось на версиях Андроида — Android 4.0+

audiopleer2

Выбираем шаблон Empty Activity (Пустое Активити):

audiopleer3

Далее оставляем все по умолчанию:

audiopleer4

И жмем на кнопку Finish.

2. Редактируем файл activity_main.xml

audiopleer5

Переходим в папку res, в ней в подпапку layout и жмем на файл — activity_main.xml, далее открываем вкладку Text (Текст):

audiopleer6

И здесь добавляем две кнопки и текст «Аудиоплеер», вот такой код файла activity_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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="mnogoblog.ru.myaudioplayer.MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Играть"
        android:id="@+id/play"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Пауза"
        android:id="@+id/pause"
        android:focusableInTouchMode="false"
        android:layout_alignTop="@+id/play"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"/>/>



    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:layout_above="@+id/play"
        android:layout_marginBottom="30dp"
        android:weightSum="1">


        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Мой Аудиоплеер!"
            android:layout_weight="0.26"
            android:textSize="30dp" />
    </LinearLayout>

</RelativeLayout>

Если перейти на вкладку «Design» (Дизайн) увидим как будет выглядеть наше будущее приложение:

audiopleer7

3. Редактируем файл MainActivity

Далее переходим в файл MainActivity:

audiopleer8

Заменяем код на следующий:

package mnogoblog.ru.myaudioplayer;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.media.MediaPlayer;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    Button play,pause;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        play = (Button) findViewById(R.id.play);
        pause = (Button) findViewById(R.id.pause);


        final MediaPlayer mediaPlayer = MediaPlayer.create(MainActivity.this, R.raw.mymusic);

        play.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mediaPlayer.start();


            }
        });


        pause.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mediaPlayer.isPlaying()){
                    mediaPlayer.pause();
                }
            }
        });



    }


}

Здесь в 21 строчке мы указали на имя аудиофайла, в данном примере — это mymusic.

4. Загружаем аудиофайл.

Осталось загрузить аудиофайл, для этого нужно создать папку raw и загрузить в неё какой-нибудь mp3 файл с именем mymusic.

Для этого наводим курсор мыши на папку res и кликаем правой кнопкой мыши, открывается менюшка — выбираем в ней пункт New, и подпункт Directory — и создаем новую папочку с именем raw:

audiopleer9

audiopleer10

И у нас появилась новая папочка raw — наводим на неё курсор мышки и кликаем правой кнопкой, открывается меню — выбираем в ней пункт Show in Explorer:

audiopleer11

после чего у нас откроется папочка, в которой заходим в папку raw и закачиваем туда mp3 с названием mymusic — можете скачать данный файл с моего сайта!

audiopleer12

Все готово!

5. Создаем apk файл.

Теперь нам нужно создать apk файл для загрузки на Android устройства — для этого выбираем в верхнем меню пункт «Build», подпункт «Build Apk»

audiopleer13

Через некоторое время появится вот такое сообщение справа вверху:

audiopleer14

Жмем на ссылку и у нас открывается папочка с apk файлом по имени
app-debug.apk

audiopleer15

Можете переименовать файл, например в mypleer.apk и загрузить к себе на смартфон, установить и запустить приложение.

На этом все классных вам Android приложений!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>