5 ms·

Could anyone share a tutorial on how to set up a basic WebRTC text and/or voice chat from scratch? I've tried but failed to get a proof of concept built, and pe

by snissn 8y ago

Could anyone share a tutorial on how to set up a basic WebRTC text and/or voice chat from scratch? I've tried but failed to get a proof of concept built, and personally have not found any great documentation

resource0x 8y ago
maybe this? https://websitebeaver.com/insanely-simple-webrtc-video-chat-using-firebase-with-codepen-demo https://websitebeaver.com/insanely-simple-webrtc-video-chat-...
- megous 8y ago
  Depends on third party services. Perhaps something involving janus gateway would be better?
  - resource0x 8y ago
    Maybe it's better, but another one is simpler (no need to bother with the server part at all). From reliability viewpoint, hard to say. A priory, I would trust firebase more, but I might be wrong.
jgrowl 8y ago
https://w3c.github.io/webrtc-pc/#simple-peer-to-peer-example https://w3c.github.io/webrtc-pc/#simple-peer-to-peer-example
ermir 8y ago
I wrote an article on my blog for this exact same topic. It's voice and video, but text chat is quite a bit easier. https://suldashi.com/dead-simple-webrtc-explanation/ https://suldashi.com/dead-simple-webrtc-explanation/
Uehreka 8y ago
As someone who has done some work with WebRTC (attempting to build a video conferencing app for work) it's hard to boil things down to a "Hello World" due to the whole ICE and signalling thing. It's unfortunate, but in order to get this client-side peer-to-peer thing working, you need to have a server in the cloud (i.e. not behind NAT) that can pass signals between the two peers. The tutorials other people have linked to look good, just note that unless you're talking between 2 computers within your local network (and even then you'll have to copy-paste their IP addresses to each other), you'll need to either deploy a server or use a 3rd party library like PeerJS that uses one. I hope that eventually IPv6 will obviate the need for NAT and make this whole thing much simpler, but until then, this is what we've got.
- voltagex_ 8y ago
  I wonder if there's any plans for peer discovery, at least locally. I guess that's where your central server comes in - even in a perfect scenario where there's no NAT between peers.
deviantfero 8y ago
Hi there, I authored this small chat-text/file-transfer demo without any third party libraries for WebRTC communication [0]. It is very easy to get running in your computer since it's made with the purpose of explaining data flow withing WebRTC, logs have been implemented describing this flow in both client and server, you can find a blog post about it here [1]. [0] https://github.com/agilityfeat/file-transfer-demo https://github.com/agilityfeat/file-transfer-demo [1] https://webrtc.ventures/2018/04/file-transfers-small-demonstration-webrtc-react-redux/ https://webrtc.ventures/2018/04/file-transfers-small-demonst...

by snissn 8y ago

resource0x 8y ago

maybe this? https://websitebeaver.com/insanely-simple-webrtc-video-chat-using-firebase-with-codepen-demo https://websitebeaver.com/insanely-simple-webrtc-video-chat-...

megous 8y ago
Depends on third party services. Perhaps something involving janus gateway would be better?
- resource0x 8y ago
  Maybe it's better, but another one is simpler (no need to bother with the server part at all). From reliability viewpoint, hard to say. A priory, I would trust firebase more, but I might be wrong.

jgrowl 8y ago

https://w3c.github.io/webrtc-pc/#simple-peer-to-peer-example https://w3c.github.io/webrtc-pc/#simple-peer-to-peer-example

ermir 8y ago

I wrote an article on my blog for this exact same topic. It's voice and video, but text chat is quite a bit easier. https://suldashi.com/dead-simple-webrtc-explanation/ https://suldashi.com/dead-simple-webrtc-explanation/

Uehreka 8y ago

As someone who has done some work with WebRTC (attempting to build a video conferencing app for work) it's hard to boil things down to a "Hello World" due to the whole ICE and signalling thing. It's unfortunate, but in order to get this client-side peer-to-peer thing working, you need to have a server in the cloud (i.e. not behind NAT) that can pass signals between the two peers. The tutorials other people have linked to look good, just note that unless you're talking between 2 computers within your local network (and even then you'll have to copy-paste their IP addresses to each other), you'll need to either deploy a server or use a 3rd party library like PeerJS that uses one. I hope that eventually IPv6 will obviate the need for NAT and make this whole thing much simpler, but until then, this is what we've got.

voltagex_ 8y ago
I wonder if there's any plans for peer discovery, at least locally. I guess that's where your central server comes in - even in a perfect scenario where there's no NAT between peers.

deviantfero 8y ago

Hi there, I authored this small chat-text/file-transfer demo without any third party libraries for WebRTC communication [0]. It is very easy to get running in your computer since it's made with the purpose of explaining data flow withing WebRTC, logs have been implemented describing this flow in both client and server, you can find a blog post about it here [1]. [0] https://github.com/agilityfeat/file-transfer-demo https://github.com/agilityfeat/file-transfer-demo [1] https://webrtc.ventures/2018/04/file-transfers-small-demonstration-webrtc-react-redux/ https://webrtc.ventures/2018/04/file-transfers-small-demonst...