Try Live Demo

Video conferencing is a type of virtual, online meeting where two or more people talk through a video and audio call in real time.

During the pandemic, the culture of remote work has become widespread. As a result, meeting online is very popular way to connect.

Did you know that you can easily develop your own conference application?

Here is a quick tutorial to show you how to create a conference solution easily on React Native.

Before we start building a video conferencing application with react native, l want share some information about Ant Media Server’s React Native SDK and Conference Solution.

With Ant Media’s React Native WebRTC SDK, you can  build your very own React Native application capable of publishing and playing WebRTC broadcasts using just a few lines of code.

Besides, you can also benefit from React Native’s multi-platform features, and build not only mobile apps but Mac OS and Windows apps as well.

You can find the complete documentation of React Native SDK here

The Ant Media’s Conference solution supports both MCU and SFU topology. Besides that, it’s really easy to create or manage conference rooms through the Rest API.

How to Build a Video Conferencing App with Flutter?

Prerequisites to build video a conferencing app with React Native

Let’s make sure you have the following in your development environment:

For iOS

For Android

Let’s get started building a video conferencing app

The React Native WebRTC SDK is open source and free to download. You can access it on GitHub.

Let’s clone the conference sample application and start to explore. 

In the terminal type:

Go to the conference sample application

    Open conference.tsx file inside src folder with your favorite IDE and change webSocketUrl constant to your Ant Media Server instance url.
    image 1654599250441

    Your video conferencing app is ready to run

    Run npm install to install the dependencies.
    Now run the project with npm run android or npm run ios

    image 1655197140679

    Let’s check how it works.

    You can initialize useAntMedia adaptor as below.

    After initializing the adaptor, it’s just one line of code to start publishing.

    The method below is used to stop publishing.

    If you wanted to play a stream, you can use method in the below.

    As you see, it’s so easy to use.

    Try Ant Media Server for Free

    Explore Ant Media Server now to provide viewers with a unique experience.

    Try Ant Media Server for free with its full features including all WebRTC SDKs.

    You can get started now.

    Categories: Tutorial

    Mustafa Boleken

    Mustafa is a Software Developer at Ant Media. His passion is developing apps that make life easier. Mustafa is proficient in Java, Angular, AWS and Linux. His technical stack includes WebRTC, Typescript, Python, Kubernetes, Docker, SQL, NoSQL, MongoDB, MapDB, Grafana, Swagger, Open API, AWS S3, AWS Autoscaling, AWS Load Balancing, FFmpeg, HLS, RTMP, Node.js, JSON, Git/Github, Tomcat, Nginx, HAProxy, Firebase Cloud Functions, Test Automation, STUN/TURN Server, Bash scripts, and Active Campaign/Freshdesk integrations, HTML, CSS, JavaScript, JWT.