https://github.com/soulsam480/ws-wrtc-client

A voice and text chat app using WebRTC for realtime connection and Websockets for signaling server
https://github.com/soulsam480/ws-wrtc-client

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/soulsam480/ws-wrtc-client
• Owner: soulsam480
• Created: 2020-11-07T20:32:56.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-27T15:15:13.000Z (over 3 years ago)
• Last Synced: 2023-03-04T01:02:21.084Z (almost 2 years ago)
• Language: Vue
• Homepage: https://rtc.sambitsahoo.com/
• Size: 682 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://github.com/soulsam480/noter).

### Stack

#### Backend (Signaling Server):

- Express

- Socket.io

#### Frontend (Client):

- Vue 3

- Javascript webRTC API

### How to test:

- open [https://wswrtc.netlify.app/](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](https://en.wikipedia.org/wiki/Network_address_translation) which includes a laptop using a mobile hotspot as well.

- The problem could be solved by using a [STUN](https://tools.ietf.org/html/rfc5389)  server with proper config.