Music Player for Android – Android App + Admob + Facebook Integration

Introduction

Welcome to this comprehensive tutorial on building a Music Player Android app with AdMob and Facebook integration. In this tutorial, we will guide you through the process of creating a music player app that allows users to play music files, display ads using AdMob, and share their favorite songs on Facebook.

Prerequisites

Before we begin, make sure you have the following:

• Android Studio installed on your computer
• Basic knowledge of Java programming language
• Familiarity with Android development and Android Studio
• A Facebook developer account and a Facebook app created
• An AdMob account and a AdMob app created

Step 1: Creating the Music Player App

1. Open Android Studio and create a new project.
2. Choose "Empty Activity" and name your project "MusicPlayer".
3. In the "Activity" section, choose "Blank Activity" and name it "MainActivity".
4. In the "Layout" section, choose "Linear Layout" and name it "activity_main".

5. In the "Layout" section, add the following code to the "activity_main.xml" file:

   
   <?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">
   
   <ListView
       android:id="@+id/music_list"
       android:layout_width="match_parent"
       android:layout_height="0dp"
       android:layout_weight="1" />
   
   <Button
       android:id="@+id/play_button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Play" />
   
   <Button
       android:id="@+id/pause_button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Pause" />
   
   <Button
       android:id="@+id/stop_button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Stop" />

6. In the "MainActivity.java" file, add the following code:

package com.example.musicplayer;

import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ListView; import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import java.util.ArrayList; import java.util.List;

public class MainActivity extends AppCompatActivity {

private ListView musicList;
private Button playButton;
private Button pauseButton;
private Button stopButton;
private List<String> musicListItems;

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

    musicList = findViewById(R.id.music_list);
    playButton = findViewById(R.id.play_button);
    pauseButton = findViewById(R.id.pause_button);
    stopButton = findViewById(R.id.stop_button);

    musicListItems = new ArrayList<>();
    musicListItems.add("Song 1");
    musicListItems.add("Song 2");
    musicListItems.add("Song 3");

    musicList.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, musicListItems));

    playButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // Play music code goes here
        }
    });

    pauseButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // Pause music code goes here
        }
    });

    stopButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // Stop music code goes here
        }
    });
}

}

**Step 2: Adding AdMob**

1. Create a new folder in your project directory and name it "ads".
2. Inside the "ads" folder, create a new file called "AdMob.java" and add the following code:

package com.example.musicplayer.ads;

import android.app.Activity; import android.os.Bundle;

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

public class AdMob extends Activity {

private AdView adView;

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

    MobileAds.initialize(this, "YOUR_AD_MOB_APP_ID");

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

}

3. In the "activity_main.xml" file, 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">

<!-- Your music player layout code here -->

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

4. Replace "YOUR_AD_MOB_APP_ID" and "YOUR_AD_MOB_AD_UNIT_ID" with your actual AdMob app ID and ad unit ID.

**Step 3: Adding Facebook Integration**

1. Create a new folder in your project directory and name it "facebook".
2. Inside the "facebook" folder, create a new file called "Facebook.java" and add the following code:

package com.example.musicplayer.facebook;

import android.app.Activity; import android.os.Bundle;

import com.facebook.FacebookSdk; import com.facebook.appevents.AppEventsLogger;

public class Facebook extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    FacebookSdk.sdkInitialize(this);
    AppEventsLogger.activateApp(this);
}

}

3. In the "MainActivity.java" file, add the following code:

package com.example.musicplayer;

import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ListView; import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import java.util.ArrayList; import java.util.List;

public class MainActivity extends AppCompatActivity {

// Your music player code here

Button shareButton;

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

    // Your music player code here

    shareButton = findViewById(R.id.share_button);
    shareButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // Share music code goes here
            Facebook facebook = new Facebook();
            facebook.share("Hello, I'm listening to music!");
        }
    });
}

}

4. In the "activity_main.xml" file, 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">

<!-- Your music player layout code here -->

<Button
    android:id="@+id/share_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Share" />

5. Replace "YOUR_FACEBOOK_APP_ID" with your actual Facebook app ID.

**Step 4: Integrating AdMob and Facebook**

1. In the "AndroidManifest.xml" file, add the following code:

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

<!-- Your app permissions and features here -->

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">

    <!-- Your app activities here -->

    <activity
        android:name=".MainActivity"
        android:exported="true">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

    <activity
        android:name=".ads.AdMob"
        android:exported="true" />

    <activity
        android:name=".facebook.Facebook"
        android:exported="true" />

</application>

2. In the "build.gradle" file, add the following code:

android { // Your app build configuration here

compileSdkVersion 29
defaultConfig {
    applicationId "com.example.musicplayer"
    minSdkVersion 21
    targetSdkVersion 29
    versionCode 1
    versionName "1.0"
}
buildTypes {
    release {
        minifyEnabled false
        proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-project.txt'
    }
}

}

dependencies { implementation 'com.google.android.gms:play-services-ads:20.1.0' implementation 'com.facebook.android:facebook-android-sdk:8.2.0' }

**Conclusion**

Congratulations! You have successfully created a Music Player Android app with AdMob and Facebook integration. You can now test your app and share your favorite songs on Facebook. Remember to replace the placeholder values with your actual AdMob app ID, ad unit ID, and Facebook app ID.