#AGORA VIDEO CALL REACT NATIVE UPDATE#

Indicates whether the call screen is currently var isCallScreenShown: Bool = false Indicates whether a call is active at the fileprivate(set) var callActive: Bool = false This is what it should look like for now:Ĭlass CallViewModel: NSObject, ObservableObject var chatClient

You now only need to add a chatClient object to it and we will do all other work later. This will be used to tailor the SDK to your needs so you will create a new Swift file called CustomFactory. Follow the guide on their GitHub repo to add the dependency to your project.įor the implementation, you will need an object that conforms to the ViewFactory of the StreamChatSwiftUI SDK. The recommended way is to use Swift Package Manager (SPM) for it.

This will provide a solid overview of the overall architecture and you will fill up the files more and more over the course of following this integration guide.īefore starting, you need to import the Agora SDK into the project. The integration requires a bit of setup which is why you will create most of the necessary files right now. So, let's focus on the iOS implementation. With these steps being taken, the Stream Chat SDK will use these credentials internally to initiate calls without you needing to take additional steps. This is the place you need to enter the aforementioned app id and app certificate from the agora console. Next, it is necessary to enter the credentials from the agora console. Make sure that you can see the green Agora Enabled badge at the top. This is the screen that you navigated to:įirst, it is necessary to enable the integration through the toggle in the top right (red arrow in the image below).

In the sidebar on the left, select Ext.

Create a new app or select your app by name.

There is only a few setup-steps to go through in the Stream dashboard and this guide details all of them: Normally this would require a custom server implementation but Stream offers first-class integration for agora relieving you of these duties. In order for the integration of agora to work there needs to be a server component handling token generation and more. Once you have these two available you can continue with this guide. Once you have that ready, you will need to prepare two things for the creation of the server in the next chapter: Once you’ve created the account, you will need to create a project and look for it in the console.

You need to set up an account on the agora.io website. So, if you followed this one, you are ready to jump right in. In order to not start from the beginning, the tutorial for SwiftUI from our website is set as the starting point.

#AGORA VIDEO CALL REACT NATIVE UPDATE#

Update the channel information to indicate an active call.In order to create this, follow these six steps: We will cover all of them to help you create a well-integrated, fully functional, and reusable solution in the end.įirst, let’s take a look at the end result of this project: You must complete quite a few steps to create the final product. They cover a wide range of use-cases such as video conferencing, interactive live-streaming, real-time messaging, and many more. They offer native SDKs for mobile platforms, cross-platform frameworks, and the web and allow for simple integration with very few lines of code. Today, we take a look at how you can use the service of agora to integrate video calls into the Stream Chat SDK.Īgora is an infrastructure provider for live, interactive voice and video. Video calls have become immensely popular since the onset of the pandemic. Agora Video Integration Guide Introduction #

Agora video call react native