Skip to content
This repository has been archived by the owner on Aug 21, 2023. It is now read-only.

soulsam480/ws-wrtc-client

Repository files navigation

ws-wrtc-client

Vue 3 client for testing p2p webRTC connection on a data chanel.

This project was created to test the possibility of using webRTC as a substitute to firebase realtime database. Soon to be implemented as the backend of Noter.

Stack

Backend (Signaling Server):

  • Express
  • Socket.io

Frontend (Client):

  • Vue 3
  • Javascript webRTC API

How to test:

  • open https://wswrtc.netlify.app/ in two browser windows.
  • click the button which will only show up after it's been opened in two windows.
  • accept the alerts and after it shows connected both the clients are connected through peer to peer webRTC connection.
  • Type in the text area to see the realtime connection in action in the other client.

Known caveats:

  • This connection is not working when one client is behind a NAT which includes a laptop using a mobile hotspot as well.
  • The problem could be solved by using a STUN server with proper config.

About

A voice and text chat app using WebRTC for realtime connection and Websockets for signaling server

Resources

Stars

Watchers

Forks