►
From YouTube: WebRTC signalling data over QR codes - Gorka Ludlow
Description
This talk was given at IPFS Camp 2022 in Lisbon, Portugal.
A
True,
so
I
guess
I'll
just
introduce
myself.
Thank
you
very
much
for
coming
after
lunch
right
after
lunch
to
listen
to
to
me
to
talk
about
webrtc
and
QR
codes.
A
It's
small
intro,
the
name's
Gorka
you
we
might
have
met
if
not
like
I'm
looking
forward
to
meeting
all
of
you.
I
work
at
gather,
town
for
all
of
your
2D
remote
office
needs,
go
check
that
out.
I
do
side
experiments
whenever
I
get
some
time
until
Felipe
comes
next
march
of
next
year.
So
who
knows
how
that's
going
to
be
and
how
that's
gonna
turn
out
in
any
case,
quick
show
of
hands?
A
How
many
of
you
are
familiar
high
level
with
the
webrtc
connection
flow
awesome,
yeah
I
would
not
expect
different
from
all
this
crowd.
All
of
you
are
familiar
with
it.
So
I
will
not
go
into
detail
of
on
the
whole
thing
and
then
I'm,
just
gonna
share
ideas
on
how
to
split
data,
to
share
that
over
a
sequence
of
QR
codes.
A
I'll,
try
to
do
a
live
demo.
A
bunch
of
things
need
to
work
out,
we'll
see
how
that
goes,
and
then
I'll
provide
some
takeaways
from
this
whole
experiment,
and
if
there's,
if
there
are
any
leave
some
room
for
questions
all
right,
so
high
level
peer,
one
creates
an
offer
magical
way.
We
somehow
make
it
so
that
peer
2
has
access
to
this
offer.
Based
on
that
offer
peer
two
creates
an
answer:
wave
of
a
wand,
peer
one,
receives
the
answer
boom.
We
have
a
webrtc
connection.
A
Usually
we
we,
instead
of
way
being
a
one
or
expect
magic
to
happen.
We
use
signaling
servers
or
a
bunch
of
other
mechanisms
that
we've
been
fantastic.
Talks
have
been
explained
earlier
today
in
a
quick
JavaScript
way
with
a
dependency
called
Simple
peer.
We
instance
a
beer
when
we
call
that
here
the
initiator
or
we
set
the
initiator
flag
truth
on
that
whenever
it
emits
the
signal
event,
we
have
the
offer.
We
need
somehow
to
make
that
offer
available
for
the
instance
of
peer
2.
A
Whenever
Pier
2
receives
that
offer,
then
it
emits
its
own
signal
event,
which
holds
the
the
answer
again.
Somehow
we
make
that
answer
available
for
peer
one,
and
then
both
beers
emit
a
connect
event,
at
which
point
in
time
they
can
start
sending
messages
over
the
data
connection.
All
right,
let
me
focus
on
that.
Somehow
I
I
have
this
situation
where
I
believe
we
give
signaling
servers
too
much
power,
so
I
just
wanted
to
figure
out
if
there
were
other
ways
to
exchange
that
signaling
data
decided
to
give
a
try
with
QR
codes.
A
A
Instead
of
a
sequence
of
QR
codes,
very
cool,
same
idea,
a
QR
code
can
send
an
a
limited
amount
of
data
if
you
have
more
data
that
than
it
fits
on
one
QR
code,
just
split
the
data
and
then
do
a
set
interval,
whilst
you're,
showing
in
the
the
whole
sequence
and
loop
through
that
you
because
I'm
looping
it
doesn't
really
like
for
for
this
proof
of
concept,
doesn't
really
matter
it.
A
A
Whenever
data
is
read
what
you
do,
you
do
the
whole
process,
the
other
way
around
you
parse
it
data,
and
you
now
have
access
to
the
total
number
of
QR
codes
that
you
should
be
reading.
Your
aggregate.
The
whole
thing
when
you
know
you
have
all
of
the
segments
all
you
need
to
do
is
concatenate.
The
whole
thing-
and
this
you
realize
all
right,
let's
see
if
it
works,
both
devices
connected
to
the
same
network.
One
device
has
to
act
as
the
host,
the
other
as
the
all
right,
and
then
this
is
going
to
be.
A
A
All
right,
what
was
that?
No
yeah,
we
all
right
that
was
it
for
the
demo.
Let
me
just
go
back
to
the
presentation
here:
yeah
I
I
thought
you
would
have
been
all
of
you
more
excited
about
a
webrtc
connection,
bring
both
together
using
QR
code,
but
you
know
to
each
their
own,
so
yeah.
In
my
case,
this
was
very
fun.
I
really
enjoyed
it
again,
not
efficient,
but
maybe
a
fun
way
to
share
data
between
two
devices
I.
Somebody
yesterday
said
yesterday.
A
What
other
transport
leaders
can
be
used?
I'm
already
thinking
on
a
next
iteration,
where
I
used
email
messages
and
automations
reading
email
messages,
so
hey
I,
get
a
hold
of
somebody's
email
address
I
send
over
my
offer.
They
received
that
grab
that
compute.
The
answer
send
it
back
grab
that
boom,
without
even
considering
any
sort
of
Discovery
I'm
already
connecting
to
another
peer
using
an
SMTP.
A
Why
not
I'll
be
I'll
be
trying
to
put
that
in
place
and
the
other
thing
we've
been
learning
all
day
of
all
of
the
amazing
new
ways
to
find
and
connect
peers
magically
and
the
right
way.
Don't
don't
do
QR
codes
in
production?
It's
not
efficient,
might
work
for
you,
but
I
highly
highly
recommend
against
it.
A
So,
finally,
everything
I
do
open
source.
Pr
is
more
than
welcome
you.
So
you
saw
the
UI
that
definitely
needs
some
love.
When
I
posted
this
on
Hacker
News,
it
received
some
good
traction
which
I
loved
and
then
somebody
shared
that
they
had
done
a
similar
thing
using
audio,
which
I
also
found
to
be
very
cool,
and
so
with
that
I
leave
the
room
for
questions.
Thank
you
very
much.
B
B
A
So,
in
this
case,
like
I'm,
using
a
dependency
that
offers
a
some
some
data,
I'm
not
sure
what
it
refers
to,
maybe
other
dependencies
encode
different
information.
This
is
what
these
dependency
exposes.
Whenever
you
want
to
connect
two
peers,
but
whatever
it
is
you
as
long
as
you,
basically
for
it
and
then
serialize
that
you
can
like
split
it
into
QR
codes
and
send
it
over,
you
can
do
the
same
thing
with
any
amount
of
data
for
whatever
you
want
to
share.
What.
B
A
So
the
thing
is,
there
are
a
bunch
of
different
dependencies
out
there
in
order
to
encode
information
into
a
QR
code,
QR
code.
So
what
I
did
I
tried
out
a
bunch
of
encoding
and
then
readers
and
based
on
the
libraries
I
got
a
hold
on
and
my
experimentation
trying
to
make
this
work,
whilst
also
figuring
out
the
right
rate
of
looping
through
I,
was
able
to
use
these
two
dependencies.
This
other
person
found
another
two
dependencies
which
made
it
easier
to
pack
like
the
whole
thing.
Like
the
QR
code.
A
Wasn't
like
you
could
see
like
a
whole
city
in
there.
I
was
about
to
propose
that.
Do
you
compress
the
data
before
packing
it
into
QR
code,
yeah
yeah?
Of
course
that
makes
sense,
but
yeah
proof
of
concept.
Here.
A
C
You
yeah,
what's
the
maximum
data
rate,
that
you've
found
doing
a
close
QR
code
and
is
it
faster
than
the
Wi-Fi
here.
A
Good
call
out
I
I
exchanged
a
couple
of
images.
I
wanted
to
like
you
really
need
a
steady
hand
or,
like
the
whole
thing,
has
to
be
placed
statically,
so
that,
like
you,
do
not
have
to
wait
for
the
whole
Loop
to
have
any
like
there's
a
it's.
A
big
amount
of
data,
I
I,
don't
have
any
Benchmark.