Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/janstuemmel/webrtc-voice-demo
A WebRTC voice chat demo build with svelte and socket.io
https://github.com/janstuemmel/webrtc-voice-demo
group-chat socket-io svelte teamspeak voice-chat webrtc
Last synced: about 16 hours ago
JSON representation
A WebRTC voice chat demo build with svelte and socket.io
- Host: GitHub
- URL: https://github.com/janstuemmel/webrtc-voice-demo
- Owner: janstuemmel
- License: mit
- Created: 2020-04-04T15:11:29.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-04-10T19:36:40.000Z (over 3 years ago)
- Last Synced: 2024-05-01T15:02:07.861Z (6 months ago)
- Topics: group-chat, socket-io, svelte, teamspeak, voice-chat, webrtc
- Language: JavaScript
- Size: 81.1 KB
- Stars: 16
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WebRTC voice chat demo
WebRTC voice chat implementation with svelte. Like Teamspeak you can chat with all peers connected and define a threshold for voice transmission.
## Usage```sh
# install deps
npm i# builds the frontend and
# starts the signaling server
npm start
```Point your browser to [localhost:1337](http://localhost:1337). If a second tab get's opened, the two peers will get connected automatically and you can start chatting.
If you want to test the implementation with a different computer you will have to use a secure connection. WebRTC will not work on insecure connections. Try one of the following:
Open Chromium with following args. This will enable WebRTC on insecure connections.
```sh
chromium-browser --unsafely-treat-insecure-origin-as-secure="http://:1337"
```If you wnat to connect with someone outside your network, try using `ngrok`:
```sh
ngrok http 1337
```Select the `https//...` url and open it on the remote machine.
## Resources
* [WebRTC.org Tutorial](https://webrtc.org/getting-started/overview)
* [Discord Blogpost about custom WebRTC implementation](https://blog.discordapp.com/how-discord-handles-two-and-half-million-concurrent-voice-users-using-webrtc-ce01c3187429)