Let's go over a few important concepts before we dive into implementation. Here's what our finished app will look like. If you want to see the complete set of functionality the API offers, please check out our documentation.
There's a lot more you can do with the Daily.js JavaScript API than we built into the demo app. For example, you can programmatically join or leave calls, and you can listen to events such as people entering the call or muting their mics. A lot of the concepts we'll cover also apply to embedded iframe-based calls, since the Daily Javascript library gives you a fair bit of control over them as well. You can also build and run the app on your own machine, or play around with the deployed demo. You're invited to download the complete sample code from our demos repo and follow along. We'll go over parts of the code that illustrate important concepts, but we'll skip through "glue" that isn't specific to using Daily. This walkthrough is by no means exhaustive. #Agora video call how to#
We'll show you how to build a basic video chat web app using React and the Daily Call Object API.īefore we dive in, let's make note of a few things: This walkthrough will focus on the 3rd scenario above, the fully custom experience. Use call primitives such as video and audio tracks directly to create a fully custom experience directly in your app rather than in an iframe.
Embed an iframe-based call with a bit of custom CSS so that it looks more at home in your app. This is the fastest way to integrate Daily video calls, with only a few lines of code needed. Embed a call in your page as an iframe containing pre-built UI that looks and works great out of the box. The Daily JavaScript library gives you several options for adding video calls to your web app.
0 kommentar(er)
