Skip to content

AquiGorka/webrtc-qr

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

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


Gorka Ludlow

💻

David Laban

💻