How to build an Online Meeting Platform?
Tags: tutorial, howto, developer, flutter
Published: 2022-12-20 03:49:00

Are you looking for a new and improved way to host online meetings? There are several different **online meeting platforms** that you can use to host your sessions, and the best part is that you can build them yourself!

With some know-how, you can easily create an online meeting platform explicitly tailored to your needs. This article will show you how to build your online meeting platform step-by-step. By the end, you will have a fully functioning online meeting platform that you can use for all your meeting needs!

**Introduction to Flutter Video Conference Kit**

If you’re looking for an easy and affordable way to get started with online meeting platforms, the [Flutter Video Conferencing Kit](https://www.zegocloud.com/developers/uikits) is a great option. This all-in-one kit includes everything you need to start online meetings. The kit is straightforward to set up and use, and it’s a great way to get started with online meeting platforms if you’re unsure where to start.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q59emm0wkbrxnsy6eiw1.png)

As shown in the figure, the functions provided by the video conference kit include the following:

* Multi-user audio/video meeting
* Adaptive video layouts
* Real-time sound waves display
* Customizable UI styles
* Device management
* Extendable top/bottom menu bar
* Customizable conference title
* Member List
* Conference join/leave notifications

**Preparation**

* A ZEGOCLOUD developer account–Sign up (https://console.zegocloud.com/account/signup)
* Flutter (https://docs.flutter.dev/get-started/install) 1.12 or later.
* Basic understanding of Flutter development
UIKits SDK integration

**Create Project**

First, you must create a new project through Android Studio and a new App project through File -> New -> New Flutter Project.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tgm6pizvyuwy77ek9kfb.png)

**Import SDK**

Next, you need to import video conference SDK, and run the following code in your project root directory:

flutter pub add zego_uikit_prebuilt_video_conference


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ol2zdwpykrcuct4vnvjp.png)

**Implement Video Conference**

Next, you need to use ZegoUIKitPrebuiltVideoConference to build an online meeting page.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ciycpymlgnoepzqqkq07.png)

Now, you can make an online conference by navigating to this VideoConferencePage.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fczujpdivsstlvbf8a1a.png)

Here is all the code for the demo


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nh2ospyex0ymje64bezj.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/56y84ddzxlc2nop8828t.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fmn1mz1olrzik3jvobj8.png)

**Configure your online meeting platforms**

Android :

Open the your_project/android/app/build.gradle file, and modify the compileSdkVersion to 33.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q8grs3bo7t8f4p9ftkxl.png)

2. Next, you need to add device permissions. open the your_project/app/src/main/AndroidManifest.xml file, and add the following code:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sv70cmwaniil19rt5ig6.png)

3. To prevent obfuscation of the SDK public class names, do the following:

* In your project’s your_project > android > app folder, create a proguard-rules.pro file with the following content as shown below:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cge4o7vjltseqn33dkvt.png)

**iOS** :

You need to add app permissions. open your_project/ios/Runner/Info.plist, and add the following code:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xh9xaywkgdafd2ldatom.png)

**Run a Demo**

After completing all the steps, you can start running your project and experience your own online meeting platforms.

https://www.youtube.com/watch?v=yI4TjD9WMGI

**Conclusion**

Online meeting platforms are a great way to stay connected with colleagues, clients, and customers. They are easy to use and allow for real-time collaboration. However, many of the popular platforms are proprietary and can be expensive to use. To avoid these costs, you can build your own online meeting platform. This article provided a step-by-step guide on how to do this.

So hurry up and get started! You can download the sample demo source code of this article, or consult us 24h technical support.