DEV Community

ZEGOCLOUD Dev
ZEGOCLOUD Dev

Posted on

How to build an Online Meeting Platform?

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 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

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

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

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

Implement Video Conference

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

Image description

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

Image description

Here is all the code for the demo

Image description

Image description

Image description

Configure your online meeting platforms

Android :

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

Image description

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

Image description

  1. 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

iOS :

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

Image description

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.

Top comments (0)