Santa Funny Video Call Prank – Admob Ads -Flutter(iOS & Android) – Ads Control Via Firebase Database

Introduction

Are you looking to create a fun and interactive prank app using Flutter that allows users to make funny video calls and display Admob ads to monetize your app? Look no further! This tutorial will guide you on how to create a "Santa Funny Video Call Prank" app that supports both iOS and Android, integrates Admob ads, and allows you to control ads via Firebase Database. By the end of this tutorial, you'll have a fully functional app that's sure to bring smiles to your users' faces.

Prerequisites

Before we begin, make sure you have the following:

1. Flutter installed: You can install Flutter by following the instructions on the official Flutter website.
2. A code editor or IDE: You can use any code editor or IDE of your choice, such as Android Studio, Visual Studio Code, or IntelliJ IDEA.
3. Admob account: You need an Admob account to generate an Admob app ID and ad unit ID. You can sign up for a free Admob account on the Google Admob website.
4. Firebase account: You need a Firebase account to enable Firebase Realtime Database to control ads. You can sign up for a free Firebase account on the Firebase website.
5. Basic understanding of Flutter and Dart: If you're new to Flutter, I recommend starting with the official Flutter tutorials on the Flutter website.

Step 1: Creating the App Structure

1. Open your code editor or IDE and create a new Flutter project.
2. Name your project "Santa Funny Video Call Prank" and select Flutter as the project type.
3. Create a new directory called "lib" and add the following folders:
   • ui: for UI-related components
   • features: for feature-related components
   • firebase: for Firebase-related components
4. Create a new file called main.dart in the lib directory and add the following code:

   
   import 'package:flutter/material.dart';
   import 'package:santa_funny_video_call_prank/ui/login_screen.dart';
   import 'package:santa_funny_video_call_prank/features/video_call_feature.dart';
   import 'package:santa_funny_video_call_prank/firebase/firebase.dart';

void main() { runApp(MyApp()); }

class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Santa Funny Video Call Prank', theme: ThemeData( primarySwatch: Colors.red, ), home: LoginScreen(), ); } }

5. Create a new file called `login_screen.dart` in the `ui` directory and add the following code:
```dart
import 'package:flutter/material.dart';
import 'package:santa_funny_video_call_prank/features/video_call_feature.dart';
import 'package:santa_funny_video_call_prank/firebase/firebase.dart';

class LoginScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Santa Funny Video Call Prank'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Start Prank'),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => VideoCallFeature()),
            );
          },
        ),
      ),
    );
  }
}

Step 2: Creating the Video Call Feature

1. Create a new file called video_call_feature.dart in the features directory and add the following code:

   
   import 'package:flutter/material.dart';
   import 'package:santa_funny_video_call_prank/firebase/firebase.dart';
   import 'package:rtcpipeline/rtcpipeline.dart';

class VideoCallFeature extends StatefulWidget { @override _VideoCallFeatureState createState() => _VideoCallFeatureState(); }

class _VideoCallFeatureState extends State { RTCPipeline _pipeline;

@override void initState() { super.initState(); _pipeline = RTCPipeline(); }

@override void dispose() { super.dispose(); _pipeline.dispose(); }

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Video Call'), ), body: Center( child: Column( children: [ Text( 'Start video call with Santa', style: TextStyle(fontSize: 18), ), ElevatedButton( child: Text('Start Call'), onPressed: () async { await _startVideoCall(); }, ), ], ), ), ); }

Future _startVideoCall() async { // Start video call logic } }

**Step 3: Integrating Admob Ads**

1. Create a new file called `ads.dart` in the `firebase` directory and add the following code:
```dart
import 'package:flutter/material.dart';
import 'package:admob_flutter/admob_flutter.dart';

class Ads {
  static Future<void> _initAdmob() async {
    await Admob.initialize(
      appId: 'YOUR_ADMOB_APP_ID',
      advertiserId: 'YOUR_ADMOB_ADVERTISER_ID',
    );
  }

  static void showInterstitialAd() async {
    await Admob.showInterstitialAd(
      adUnitId: 'YOUR_ADMOB_INTERSTITIAL_AD_UNIT_ID',
    );
  }
}

Replace 'YOUR_ADMOB_APP_ID', 'YOUR_ADMOB_ADVERTISER_ID', and 'YOUR_ADMOB_INTERSTITIAL_AD_UNIT_ID' with your actual Admob app ID, advertiser ID, and interstitial ad unit ID, respectively.

1. In the LoginScreen widget, add the following code to display an interstitial ad before starting the prank:

   body: Center(
   child: Column(
   children: [
     Text(
       'Start video call with Santa',
       style: TextStyle(fontSize: 18),
     ),
     ElevatedButton(
       child: Text('Start Call'),
       onPressed: () async {
         await Ads._initAdmob();
         await Ads.showInterstitialAd();
         Navigator.push(
           context,
           MaterialPageRoute(builder: (context) => VideoCallFeature()),
         );
       },
     ),
   ],
   ),
   ),

   Step 4: Controlling Ads via Firebase Database

2. In the firebase directory, create a new file called firebase_database.dart and add the following code:

   
   import 'package:flutter/services.dart';
   import 'package:firebase_database/firebase_database.dart';

class FirebaseDatabase { static FirebaseDatabase _instance; static FirebaseDatabase get instance => _instance??= FirebaseDatabase.instance();

static Future writeAdStatus(bool isShowingAd) async { await instance.reference().child('ad_status').set(isShowingAd); }

static Future readAdStatus() async { final DataSnapshot snapshot = await instance.reference().child('ad_status').once(); if (snapshot.exists) { bool isShowingAd = snapshot.value?? false; // Do something with the ad status } } }

2. In the `Ads` class, modify the `_initAdmob` and `showInterstitialAd` methods to read and write ad status to the Firebase Realtime Database:
```dart
static Future<void> _initAdmob() async {
  await FirebaseDatabase.writeAdStatus(true);
  await Admob.initialize(
    appId: 'YOUR_ADMOB_APP_ID',
    advertiserId: 'YOUR_ADMOB_ADVERTISER_ID',
  );
}

static void showInterstitialAd() async {
  bool isShowingAd = await FirebaseDatabase.readAdStatus();
  if (!isShowingAd) {
    await Admob.showInterstitialAd(
      adUnitId: 'YOUR_ADMOB_INTERSTITIAL_AD_UNIT_ID',
    );
    await FirebaseDatabase.writeAdStatus(true);
  }
}

Conclusion

That's it! You've now created a "Santa Funny Video Call Prank" app with Admob ads and ads control via Firebase Database. Make sure to replace the Admob app ID, advertiser ID, and ad unit ID with your actual Admob credentials.

If you encounter any issues or need further assistance, feel free to ask. Happy pranking!