nowfound

Dev tools · December 16, 2017

WD

WebRTC Data Channels Example

https://github.com/TomasHubelbauer/webrtc-data-channel-demo Hi! I made this GitHub repo to try and show WebRTC data channels and the connection establishment flow in a different way from what I was able to find online. My aim with this repository is to make WebRTC data channels accessible to any web developer by showcasing offerer and answerer separately for total novices (makes it much clearer what's going on on each end of the connection) as well as combined approach where a peer can be both offerer and answerer. I use postMessage instead of a real signalling channel,…

What it does

In the maker’s words, at launch

https://github.com/TomasHubelbauer/webrtc-data-channel-demo Hi! I made this GitHub repo to try and show WebRTC data channels and the connection establishment flow in a different way from what I was able to find online. My aim with this repository is to make WebRTC data channels accessible to any web developer by showcasing offerer and answerer separately for total novices (makes it much clearer what's going on on each end of the connection) as well as combined approach where a peer can be both offerer and answerer. I use postMessage instead of a real signalling channel, because I got fed up with people bringing whatever 3rd party signalling solutions to their WebRTC tutorials and I want for this to be as simple to set up and run as possible. That's why it returns off file protocol - no server needed, just open and play! One more goal with this tutorial is to keep it up to date. Once a supported browser (Chrome, Firefox) starts complaining about a deprecated API or the WebRTC spec evolves, I try to rewrite the demo to use the latest and greatest. You can see that in me using async/await instead of promises which also tremendously helps readability. In the future, I will extend this to support mesh connection topology and make it possible to hold group conversations or multiple conversations at the same time. If you've been waiting to see what all the fuss with WebRTC is about, I hope this encourages you to start exploring. Any feedback is welcome!

Does the same job

all alternatives →

More dev tools this month

the category →
  • Dograh592

    The open source VAPI alternative

    Dev tools · 25d ago · dograh.com

  • Meridian530

    Don't let your work go unnoticed. Get promoted!

    Dev tools · 20d ago · meridiona.com

  • x1516

    Lovable for iPhone apps go from idea to App Store

    Dev tools · 11d ago · x1.new

  • Open-source GTM skills for technical founders

    Dev tools · 29d ago · gtmcofounder.com

  • OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

    Dev tools · 1d ago · opentrailpaper.com

  • Nuphos380

    The AI-Native DevOps Workspace.

    Dev tools · 24d ago · nuphos.ai

Launched alongside, December 2017

the whole month →
  • AM

    Life & fun · 2017 · airma.sh

  • Find the best place to ❤️ live, 👩‍💻 work, and 💃 play

    Life & fun · 2017 · nomads.com

  • An open source repository of design principles and methods

    Work · 2017 · principles.design

  • unDraw896

    MIT licensed illustrations for your next project

    Dev tools · 2017 · evie.undraw.co

  • Descript869

    Text-based audio editor and automated transcription

    Work · 2017 · descript.com

  • Super stealthy AR startup reveals its first product

    Life & fun · 2017 · magicleap.com