![]() ![]() The HTML file will contain the links to the CDN for Agora SDK, Vue.js, Pusher, Bootstrap for styling, and our custom CSS and Javascript. We are going to create the user interface for making and receiving the video call with the ability to toggle the on and off states of the camera and the microphone.ġ. They know who the caller is by the value of from. We show an incoming call notification with a button to accept the call. It is the room the caller has already joined, waiting for the callee to also join to establish a call connection.įrom the make-agora-call event, a user can determine whether they are being called if the userToCall value matches their ID. This is a channel created with the Agora SDK on the client-side. channelName: This is the call channel that the caller has already joined on the front end. ![]() userToCall: This is the ID of the user who is supposed to receive a call from a caller.The data broadcast with the make-agora-call event across the presence-online-channel contains the following: call_user: This triggers a make-agora-call event on the presence-online-channel to which all logged-in users are subscribed.The token is used to authenticate app users when they join the agora channel to establish a call. generate_agora_token: To generate the Agora dynamic token.The ID and name of the user are returned after successful authentication with the pusher. pusher_auth: It serves as the endpoint for authenticating the logged-in user as they join the pusher's presence channel.We return a list of all the users apart from the currently authenticated user to be rendered on the front end. Only authenticated users can view the page but non-authenticated users are redirected to the login page. Add agora to the installed apps in mysite/settings.py We will set up Pusher at the server-side as well.ġ. We will create the views and classes with the methods needed to generate the Agora token to establish a call. Some of these files from the folder will be copied into our project when we're configuring the back end. Keep the downloaded folder in a location outside the project folder. run the next command multiple times to create more usersĭownload the AgoraDynamicKey Python3 code from the Agora repository: AgoraDynamicKey In the project directory i.e mysite, run your migrations and create new super users by running the following command from your terminal. Install the necessary packages from your terminal or command prompt.Ĭreate a new app called agora. We will use mysite as the project name for this tutorial. Open your terminal or command prompt and navigate to your Django project directory. Agora Developer Account: (See How to get started with Agora)Ĭreate and activate a python3 virtual environment for this project.An understanding of pusher presence channels and the python server library.The following tutorial can help you: Writing your first Django app. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |