Welcome again to webRTC tutorial session . This is my first WebRTC programming post for creating a basic webRTC application . I hope you have already went though some of the webRTC posts which i have shared already .
If you know the webRTC concept in detail , then it is very easy to understand the WebRTC programming . If you are a beginner in WebRTC or you are a new visitor in EngineeringSemester community , Please go though the webRTC concept in detail . These posts will help you to understand more about webRTC and it’s related terms .
Start with WebRTC : WebRTC introduction
Understand about GetUserMedia API : GetUserMedia API
WebRTC protocol concept : WebRTC protocol
What is RTCPeerConnection in WebRTC : RTCPeerConnection API
What Application should i write ? and Why ?
You know webRTC is a set of protocol which is using in browser based communication . Isn’t ? Using WebRTC , today you can create lot of different applications in browser . For example you can create applications like video conferencing , file transfer , chats and desktop sharing with out any external applications or plugins .
In this WebRTC programming session , I want to mix these ideas together and create a simple WebRTC application . In detail I am going to write a simple WebRTC chat application which contains video calling feature ( like facebook and whatsApp ).
My Design Approach
Before starting to write programe for any application , you have to make clear what needs to be create and what is your design . So i am also going to create design for our first webRTC application . Let’s start
What is the use case of my application ? Shortly , This is a video calling text based chat application . User can make conversation each other and also they can make a video call using WebRTC technology . In my application , i am also writing a signaling server for getting the user details and session . If you aren’t familiar with signalling server and it’s usage , please go through below previous posts about the signaling server in webRTC
What is the use of signalling server : Why we need a signaling server in WebRTC
Importance of signaling server in WebRTC : Signaling server and it’s importance
WebRTC’s SDP offer and request : What is SDP offer and request
following are the design for our first webRTC application
- User can login to signaling server with unique username
- User will get a home page after successful login
- Online user list for logged user
- User can text the message to available peer user (User A -> User B)
- User can make a video call with available peer user (User A -> User B)
I want create an application as simple as possible . This is not a complete professional application development tutorial . If you want to add any new features over this application , You can do it . We will publish compelte source code of this application as open source . you can get the complete source code from our repository once we publish the application .
What WebRTC programming Language should i use ?
You know we are going to write a web based application . So we have lot of option today to select the web programming language . In this application , I am using
- HTML5 , CSS with Javascript for web User Interface design
- Node.js framework for creating WebRTC signaling server
Now let’s integrate and make a list of activities for the application
- HTML 5 , CSS with Javascript – To create a user interface for user login and the user home page
- Node.js server – To handle the user request and to handle the WebRTC’s signaling process
- WebScocket – Using for User connection , Messages between User 1 and User 2 .
Conclusion
I hope you have got a overall idea about the our simple WebRTC application . In up coming tutorials , We can discuss in detail about these processes and get start our WebRTC application coding . See you again !!
Recommended Posts
Leave a Reply