Try   HackMD

Difference between WebRTC and WebSocket

Communication is an essential part of our daily lives. Chat applications make it easy to interact with people around the world. These chat applications are send chats in real time. This is where WebRTC and WebSockets come into play. They grant us real time communication, making the sending and receiving of chats done immediately.

In this article, we will learn the difference between WebRTC and WebSockets by building a video chat application.

Table of Content

  • Introduction
  • Prerequisites
  • What is WebRTC
  • What is WebSocket
  • Difference
  • Overview of the video chat app
  • Setting up the frontend
  • Setting up the server
    • Setting up the express server
    • Setting up the WebSocket server
  • Requesting video and audio permission
  • Creating the peer Connection
  • Bonus section
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
    (Optional)
    • Deploying the application
  • Conclusion
  • Resources
Last changed by 
 
Fredrick Emmanuel
A full-stack developer. Written and developed various projects using the MERN/PERN Stack, and built APIs using Node's technologies.
0
110

Read more

RESTful API E2E Testing using Express and Jest(Typescript)

End to End Testing focuses on testing the entire flow of the application to ensure they work as designed. E2E testing differs from Unit testing, which focuses on testing the smallest units of code, mostly functions or methods. Testing an express route helps catch any errors that might occur while in the development stage, which can boost productivity.Follow through with this tutorial to develop your first RESTful API E2E test.

Aug 11, 2023
Strengthen App Security with Multi-Factor Authentication.

Passwords are very important in applications as they create a barrier between unauthorized users and a resource in the application. These passwords alone can’t prevent hackers from brute-forcing their way into your application, hence the need for Multi-Factor authentication. Multi-Factor authentication creates a two-layered barrier between an unauthorized user and resources in your web applications. To get into your application, one of the common ways is to ask the user to provide their username and password. Once this is provided, the user is required to retrieve the One Time Password (OTP) sent to their email. This strengthens the security of your various applications to a large extent. Follow this tutorial to learn how to integrate Multi-factor authentication into your applications. Prerequisites Following effectively with this tutorial requires: NodeJS 18.0+ installed.

Feb 17, 2023
Strengthen App Security with Multi-Factor Authentication.

Passwords are very important in applications as they create a barrier between unauthorized users and a resource in the application. These passwords alone can't prevent hackers from brute-forcing their way into your application, hence the need for Multi-Factor authentication. Multi-Factor authentication creates a two-layered barrier between an unauthorized user and resources in your web applications. To get into your application, the user needs to provide their password and retrieve the One Time Password (OTP) sent to the user's email. This strengthens the security of your various applications to a large extent. Follow this tutorial to learn how to integrate Multi-factor authentication in your applications. Table of Content Introduction Prerequisites What is MFA?

Jan 14, 2023
Getting started with ChatGPT.

The world is evolving, giving birth to mind-blowing Artificial Intelligence which makes daily living easier. There is a lot of AI across the world among which is ChatGPT. ChatGPT is an Artificial Intelligence that can help you with literally, everything. Follow through with this tutorial and explore the possibilities in ChatGPT. Outline What is ChatGPT? Getting started with ChatGPT. ChatGPT in action Conclusion Resources.

Jan 11, 2023
Read more from Fredrick Emmanuel
Published on HackMD