Home

Awesome

P2P Connect Experiment

Using QR codes to share signalling data between two devices a WebRTC connection is established.

  1. Open up https://aquigorka.com/webrtc-qr/ in a desktop browser and in a mobile browser.
  2. In either browser choose Host and in the other one Join
  3. The browser that hosts will show a series of QR codes (the data for the signalling offer plus some metadata to read it on the other device)
  4. When the guest device (the one that joined) shows a series of QR codes it means it has read the offer and it is showing the signalling answer. Point the qr codes towards the host device so that it can read the qr codes.
  5. When the connection is established a chime will ring (not in Mobile Safari though) and the devices will be connected.

For the time being a semi-transparent video is shown to help point the QR codes towards the center of the scanning device - this needs improvement.

Dev

npm i
npm start

Build

npm build

Contributors

<table> <tr> <td align="center"><a href="http://AquiGorka.com"><img src="https://avatars3.githubusercontent.com/u/3072458?v=4" width="75px;" alt=""/><br /><sub><b>Gorka Ludlow</b></sub></a><br /><a href="https://github.com/AquiGorka/webrtc-qr/commits?author=AquiGorka" title="Code">💻</a></td> <td align="center"><a href="https://github.com/alsuren"><img src="https://avatars3.githubusercontent.com/u/254647?s=460&v=4" width="75px;" alt=""/><br /><sub><b>David Laban</b></sub></a><br /><a href="https://github.com/AquiGorka/webrtc-qr/commits?author=alsuren" title="Code">💻</a></td> </tr> </table>