How To Build App With Live Streaming Kit
Tags: livestreaming, sdk, developer, webdev
Published: 2022-11-02 09:22:38

ZEGOCLOUD Live Streaming Kit is a flagship and full-featured live-streaming component. It’s by far the best live-streaming kit out there. It’s user-friendly, powerful, and highly compact as it’s built with modularity in mind.

You can easily set up your live-streaming application (web or mobile) easily with just a few lines of code. The Live Streaming Kit has done the heavy lifting for you. Hence, you only have to worry about the business logic without worrying about live-streaming core implementation.

**

## Live Streaming Kit SDK Integration
**
Follow the steps below to get ZEGOCLOUD’s Live Streaming Kit up and running :

**Step 1: Login to ZEGOCLOUD admin console**
To make the whole process easier, ZEGOCLOUD has a powerful admin console where you can manage your projects. You can create projects through [the ZEGOCLOUD admin console](https://console.zegocloud.com/account/login). And of course, the Live Streaming Kit is among the types of projects you can create. Pretty cool, right? Hit the login button to get started with the best live-streaming kit.

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

**Step 2: Add a new project**
You’ll see the add button after logging in to your admin console. Click on it to get started with Live Streaming Kit integration.

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

After clicking the add button. You’ll be prompted to select the type of app we want to build. Select Live Streaming.


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

**Step 3: Type in the project name.**
From the steps so far, you can see that creating real-time applications with ZEGOCLOUD is very straightforward and simple.

Back to our Live Streaming Kit integration. At this point, we’re required to pick a name for our project.

Note: a project name will only contain numbers, letters, and underlines (_).

You can choose whatever name you like. Provided that you follow the rules.

**Step 4: UI customization kits.**
If you scroll down after entering the project name, you’ll see a window where you can select UI customization options. Two options exist. There are “Prebuilt UIkit” and “Custom UIkit”. The custom UIkit gives you advanced customization options and low-level SDK customization. I will be going with Prebuilt UIKit since we’re just testing our Live Streaming Kit

You can proceed with the building process. Wait for the project to be completed.

**Step 5: Choose a platform and download configuration files.**
At this point, All that you’re required to do is to select the platform for our Live Streaming SDK. I will be using Web as my platform for this project. Congratulations! We’ve successfully created our first web live-streaming application with ZEGOCLOUD’s Live Streaming Kit.

Click on Get configuration and integration files to download project files.


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

Opening the downloaded configuration and integration file reveals [the following lines of code](https://www.zegocloud.com/blog/live-streaming-kit) please find it in the image inside the blog article.



**Run a DEMO**

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

We’ve successfully created our first live-streaming project. It is now time to test it out and see how it goes. Testing this project is very easy based on the fact that it is a web application. Hence, you can test it on any browser of your choice, irrespective of the platform.

If you are interested in developing live-streaming applications, you can download the [sample demo source code](https://github.com/chigozz/ZEGOCLOUD-Live-Streaming-Kit-Demo) in this article.