Music Player & HD Video Player – Android App + Admob Integration

Introduction

Are you looking to create a music player and HD video player app for Android with AdMob integration? Look no further! In this tutorial, we will guide you through the process of creating a comprehensive music player and HD video player app for Android, complete with AdMob integration. We will cover the following topics:

1. Creating a new Android project and setting up the necessary dependencies.
2. Designing the user interface for the music player and HD video player.
3. Implementing the music player and HD video player functionality.
4. Integrating AdMob into the app.
5. Testing and debugging the app.

Step 1: Creating a new Android project and setting up the necessary dependencies

To start, create a new Android project in Android Studio. Choose "Empty Activity" as the project template and name your project "MusicPlayerAndVideoPlayer".

Next, add the necessary dependencies to your project. You will need to add the following dependencies:

• com.android.support:appcompat-v7:28.0.0 for the Android Support Library
• com.google.android.gms:play-services-ads:18.3.0 for AdMob
• com.google.android.exoplayer:exoplayer:2.12.1 for the ExoPlayer library

To add these dependencies, open your project's build.gradle file and add the following lines:

dependencies {
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.google.android.gms:play-services-ads:18.3.0'
    implementation 'com.google.android.exoplayer:exoplayer:2.12.1'
}

Step 2: Designing the user interface for the music player and HD video player

For the user interface, we will create two separate layouts for the music player and HD video player. Create a new layout file called activity_music_player.xml and add the following code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/music_player_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:textStyle="bold" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/music_player_play"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Play" />

        <Button
            android:id="@+id/music_player_pause"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Pause" />

        <Button
            android:id="@+id/music_player_stop"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Stop" />

    </LinearLayout>

    <ListView
        android:id="@+id/music_player_list"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

</LinearLayout>

Create another layout file called activity_video_player.xml and add the following code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/video_player_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:textStyle="bold" />

    <VideoView
        android:id="@+id/video_player_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/video_player_play"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Play" />

        <Button
            android:id="@+id/video_player_pause"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Pause" />

        <Button
            android:id="@+id/video_player_stop"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Stop" />

    </LinearLayout>

</LinearLayout>

Step 3: Implementing the music player and HD video player functionality

Create a new Java class called MusicPlayerActivity and add the following code:

public class MusicPlayerActivity extends AppCompatActivity {

    private ListView musicPlayerList;
    private Button musicPlayerPlay, musicPlayerPause, musicPlayerStop;
    private MediaPlayer mediaPlayer;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_music_player);

        musicPlayerList = findViewById(R.id.music_player_list);
        musicPlayerPlay = findViewById(R.id.music_player_play);
        musicPlayerPause = findViewById(R.id.music_player_pause);
        musicPlayerStop = findViewById(R.id.music_player_stop);

        musicPlayerList.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                // Play the selected music file
                mediaPlayer = new MediaPlayer();
                mediaPlayer.setDataSource("path/to/music/file.mp3");
                mediaPlayer.prepare();
                mediaPlayer.start();
            }
        });

        musicPlayerPlay.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Play the music
                mediaPlayer.start();
            }
        });

        musicPlayerPause.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Pause the music
                mediaPlayer.pause();
            }
        });

        musicPlayerStop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Stop the music
                mediaPlayer.stop();
            }
        });
    }
}

Create another Java class called VideoPlayerActivity and add the following code:

public class VideoPlayerActivity extends AppCompatActivity {

    private VideoView videoPlayerView;
    private Button videoPlayerPlay, videoPlayerPause, videoPlayerStop;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_video_player);

        videoPlayerView = findViewById(R.id.video_player_view);
        videoPlayerPlay = findViewById(R.id.video_player_play);
        videoPlayerPause = findViewById(R.id.video_player_pause);
        videoPlayerStop = findViewById(R.id.video_player_stop);

        videoPlayerPlay.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Play the video
                videoPlayerView.start();
            }
        });

        videoPlayerPause.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Pause the video
                videoPlayerView.pause();
            }
        });

        videoPlayerStop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Stop the video
                videoPlayerView.stopPlayback();
            }
        });
    }
}

Step 4: Integrating AdMob into the app

To integrate AdMob into the app, you will need to add the AdMob SDK to your project. Follow these steps:

1. Create a new AdMob account and create a new ad unit.
2. Download the AdMob SDK for Android and add it to your project.
3. Add the following code to your MusicPlayerActivity and VideoPlayerActivity classes:

   
   import com.google.android.gms.ads.AdRequest;
   import com.google.android.gms.ads.AdView;

//...

private AdView adView;

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_music_player);

//...

adView = findViewById(R.id.ad_view);
AdRequest adRequest = new AdRequest.Builder().build();
adView.loadAd(adRequest);

}

Add the following code to your `activity_music_player.xml` and `activity_video_player.xml` files:

<com.google.android.gms.ads.AdView xmlns:ads="http://schemas.android.com/apk/res-auto" android:id="@+id/ad_view" android:layout_width="wrap_content" android:layout_height="wrap_content" ads:adSize="BANNER" ads:adUnitId="YOUR_AD_UNIT_ID" />

**Step 5: Testing and debugging the app**

To test and debug the app, you can use the Android emulator or a physical device. Make sure to test the app on different devices and screen sizes to ensure that it works correctly.

That's it! You have now created a music player and HD video player app for Android with AdMob integration.