►
From YouTube: Browsers 3000: Introduction to Unlock Protocol, Adding Utilities to NFTs - Julien Genestoux
Description
Browsers 3000 is a six-week virtual event to explore and accelerate the development of web3 in the browser through experimentation and challenge prizes of up to $20,000 worth of Filecoin (FIL). Learn more at https://events.protocol.ai/2021/browsers3000.
Like all IPFS Community events, Browsers 3000 expects all speakers and participants to follow the IPFS Community Code of Conduct (https://github.com/ipfs/community/blob/master/code-of-conduct.md).
A
It's
a
pleasure
to
be
here
and
thank
you
very
much
for
organizing
that
hackathon
anyway.
I'm
here
to
talk
about
unlock
unlock
protocol
is
a
protocol
for
memberships.
A
It's
a
way
to
enable
creators
of
all
kinds
on
the
web
to
kind
of
monetize
on
their
own
term
by
selling
basically
access
to
their
work,
kind
of
like
payroll
or
features
and
application
or
access
to
their
communities.
You
can
monetize,
for
example,
discord
channels.
I
know
I'll
use
discord,
we
do
use
discord
as
well.
You
can
monetize
tickets
to
conferences.
A
You
can
even
monetize
video
streams
by
just
saying:
hey
people
can
only
unlock
or
can
only
access
this
video
soon
if
they
unlock
it
and
we'll
see
in
a
couple
of
minutes
what
that
means.
The
basic
example
that
I'm
going
to
show
is
basically
trying
to
unlock
a
website.
So
I'm
on
this
website
it's
at
zplitz.online
and
it's
actually
a
musician
was,
I
think
in
mexico
was
using
unlocked
to
monetize
his
music,
and
you
can
see
here
that
he
has
a
pretty
basic
html5
player
but
turns
out.
A
You
can
only
play
30
seconds
of
his
music
and
I'm
gonna
try
to
kind
of
mirror
the
sound.
I
don't
know
if
that's
that's
gonna
be
audible,
but
basically,
since
I'm
not
a
member.
Yet
I
can
only
play
about
30
seconds
of
his
music
here.
What's
interesting.
A
Here
is
obviously
that
he's
added
a
little
button
to
unlock
the
rest
of
the
music
here,
and
so
I'm
going
to
click
that
button
and
then
locker
is
going
to
show
up
a
little
pop-up
he's
charging
about
one
dollar
using
x-die
and
x-di
is,
I
think,
makoto
mentioned
that
earlier,
it's
a
chain
to
ethereum,
so
that
is
compatible
with
the
ethereum
ecosystem,
and
you
can
see
that
I'm
using
my
crypto
metamask
here
just
from
a
previous
demo
and
I'm
just
gonna
select
that
one
say
hey.
I
want
to
do
this
here.
A
I'm
gonna
actually
show
you
the
example
not
with
credit
card,
even
though
this
is
a
feature
that
we
have
but
using
my
crypto
wallet.
So
I'm
going
to
connect
my
crypto.
Let's
I'm
going
to
select
my
in
browser
wallet,
we
also
support
wallet
connect
which
I
think
somebody
mentioned
earlier,
which
is
a
mechanism
for
people
to
use
a
mobile
device
to
connect
their
wallet,
and
here
I'm
gonna
just
check
out
with
my
wallet.
So
metamask
is
gonna
pop
up.
A
Hopefully,
yes,
minimus
is
popping
up,
saying:
hey
you
wanna
pay
about
one
dollar,
I'm
gonna
say
yes,
one
dollar
and
zero
point:
zero,
zero,
eight
five
cents
worth
of
gas,
which
is
the
the
transaction
fees
that
you
play
on
the
interior
chain,
I'm
going
to
confirm
here
and
boom
immediately.
You
see
that
the
page
has
been
unlocked.
A
I
can
now
enjoy
my
membership,
I'm
going
to
just
close
that,
and
you
see
now
that
there's
this
little
gimmicky
application,
that's
basically
the
cd
and
for
the
youngest
people,
that's
actually
how
we
used
to
listen
to
music
in
the
90s,
the
cd
kind
of
starts
to
rotate
and,
more
importantly,
I
can
now
play
up
to
four
minutes
of
the
music
and
so
again
clicking
play
here
again
in
html5
player,
and
it's
all
it's
all
available
here
for
me
to
listen
to
cool.
So
so
that
was
the
unlocked
demo.
A
What
I
didn't
tell
you
yet,
which
I
think
is
a
buzzword.
These
days
is
the
word
nft
in
practice.
The
membership
that
I've
unlocked
here
is
an
nft.
Technically
I've
purchased
an
nft
from
that
miguel
is
his
name
musician
and,
and
I'm
gonna
show
you
that
this
nft
is
now
in
my
wallet,
so
at
unlock.
We
also
built
what
we
call
the
key
chain
which
is
and
again
this
is
bigger
here,
because
I'm
saying
my
screen
normally
doesn't
look
as
big.
A
It's
a
little
website
a
web
app
that
basically
reads
from
the
chain
to
assess
what
are
the
things
that
are
in
my
wallet.
So
you
see
that
I've
got
a
bunch
of
membership.
A
Memberships,
sorry
and
one
of
them
hopefully
is
here
yeah,
that's
the
one
here
it's
called
void2.mp3,
that's
how
we
call
this
membership
and
it's
valid
for
23
hours,
59
minutes
in
some
seconds,
because
I
just
bought
it,
and
that
is
an
nnt.
That's
the
nft
number
four
one
is
smart
contract.
What's
interesting
about
the
nfc.
Obviously,
is
that
I
can
transfer
that
to
somebody
else.
A
I
could
maybe
lend
it
to
somebody
else
as
well,
and
if
I
did
this,
I
would
not
be
able
to
listen
to
the
music
anymore,
because
I
wouldn't
have
the
membership
in
my
wallet
anymore,
but
the
person
to
whom
I
would
have
transferred
it
would
be
able
to
listen
to
the
music.
So
I
hope
that
makes
sense.
This
is
a
very
high
level
demo
of
what
unlock
allows
youtube.
People
have
used
unlock
to
kind
of
provide
access
to
some
private
channels
on
discord.
A
As
I
said
earlier,
we
have
a
very
exciting
plugin,
that's
coming
very
soon
around
shopify
that
allows
people
to
unlock,
I
mean
basically
discounts
and
you
know
free
shipping.
The
most
I
always
joke,
but
I
think
it's
the
case.
The
the
biggest
membership
of
all
in
the
us
is
amazon,
prime,
and
so
you
can
build
amazon,
prime
membership
on
top
of
an
open
protocol
for
unlock,
which
is
pretty
exciting.
A
Another
thing
that
people
have
done
about
a
year
and
a
half
ago,
forbes.com,
which
is
a
pretty
big
website
you
might
have
heard
of
it.
I
use
unlock
to
offer
an
ad
free
experience.
So
if
you
had
their
nft
in
your
wallet,
you
would
see
no
ads
on
the
on
the
forbes.com
website,
which
is
pretty
exciting.
As
I
said,
people
are
doing
kind
of
unlocking
your
videos
or
blog
posts
forums.
I
mean
you
name
it
basically,
there's
an
endless
suite
of
things.
A
One
thing
that
I'm
very
excited
about
is
the
idea
of
using
unlock
as
a
way
to
do
software
licenses.
We
talked
about
pinning
services
earlier.
I
think
what
a
cool
approach
would
be
say:
hey
the
pinning
service
can
charge
with
credit
card
and
by
the
way
we
actually
have
a
way
to
charge
with
fair
card
as
well.
A
Maybe
I'll
I'll
show
that
in
in
a
later
demo
another
day,
but
basically
that
pinning
service
would
say
hey,
you
know
what
we'll
allow
people
to
pin
data
on
their
on
our
server
only
if
they
have
the
nft
in
our
wallet
and
what
this
unlocks
pun
intended
is
the
ability
to
work
with,
for
example,
dows
in
the
ethereum
space.
But
I
think
beyond
that,
at
this
point
people
start
to
realize
that
one
of
the
core
innovation
of
crypto
networks
is
the
idea
of
these
dows,
this
decentralized
autonomous
organization.
A
The
challenge
with
these
is
like,
even
though
they
have
money
a
lot
of
money
these
days,
they
actually
don't
have
an
easy
way
to
spend
it,
because
a
lot
of
the
sas
services
that
we
all
use
and
love
online
basically
require
credit
cards,
and
these
communities,
obviously
don't
have
a
credit
card
account.
They
have
a
multisig
wallet,
they
have
ways
to
pay
with
cryptocurrencies,
but
all
of
these
services
that
just
require
credit
card
basically
are
leaving
them
out.
A
So
one
idea
that
I
think
would
be
really
interesting
for
the
hackathon
would
be
to
build
kind
of
a
way
to
pin
data
and
moves
demo
earlier
was
kind
of
really
cool
to
pin
data
in
a
way
that
doesn't
require
me
to
play
with
a
credit
card,
but
allow
me
to
basically
prove
that
I
have
an
nft,
my
wallet
and
in
that
situation
the
data
gets
pinned.
So
I
think
that's
a
pretty
cool
example
of
thing
that
can
be
built.
A
A
So
on
ethereum
there's
several
test
networks,
I'm
going
to
use
rinkeby,
which
is
one
of
the
most
popular
ones,
and
I'm
going
to
authenticate
with
my
wallet
here
and
you'll,
see
that
it's
basically
going
to
load
a
bunch
of
my
a
bunch
of
my
different
locks
and
I've
got
a
lock
that
was
deployed
on
the
on
the
six,
which
was
two
days
ago,
a
block,
a
lock
for
my
friend
jazz
block
from
june
28.
A
So
all
of
these
are
memberships
and
I'm
going
to
create
one
now
and
you'll
see
that
basically,
I
need
to
put
a
name.
So
let's
do
let's
do
a
membership
for
brother?
Three
thousand.
I
think
that's
a
that's
a
cool
name!
It's
gonna,
be
very!
You
know
what
let's
do.
Let's
do
60
days,
let's
wait
for
the
duration
of
the
whole
hackathon
and
we're
going
to
limit
the
number
of
members
to
say
500,
which
would
be
the
number
of
maximum
participant
that
we
get
and
this
time
we'll
say
it's.
A
You
know
what
it's
free,
so
there's
no
need
to
charge
for
that,
because
we
not
basically
want
to
make
money
out
of
this,
but
we
just
want
to
have
a
way
to
identify
our
members
and
maybe
put
that
on
the
discord
server
or
something
like
this
I'm
going
to
hit
submit
here.
My
crypto
is
going
to
pop
up
and
same
it's
metamask
here.
So
it's
going
to
pop
up,
say:
hey!
You
want
to
pay
that
much
and
yes-
and
just
say
yes-
and
this
lock
is
now
going
to
be
deployed.
A
What's
now
really
interesting
about
this
is
like
it
has,
for
example,
a
little
image
that
I'm
gonna
customize
here
again
looks
a
bit
bigger,
because
I
wanted
to
make
sure
that
everybody
can
see
normal.
It's
not
as
big,
but
I'm
gonna
upload
a
file
and
obviously
you
pre-guessed
it.
A
I'm
gonna
use
the
logo
of
the
browser,
2000
hackathon,
and
so
I
did
a
very
cheap
screen
capture
earlier
and
I'm
going
to
have
to
make
it
a
bit
smaller
because
I
can't
even
see
the
submit
button,
but
I'm
going
to
save
this
what's
interesting
here.
Is
that
we're
using
minimize
to
sign
a
transaction
to
make
sure
another
transaction
is
right,
sign
an
api
call
to
make
sure
that
actually
we
own
that
lock.
A
A
We
have
this
integration
pane
that
allows
you
to
see
what
are
the
multiple
ways
the
lock
can
be
integrated,
so
we
have
a
wordpress
plugin,
which
would
mean
that
if
we
wanted
to
publish
content
on
wordpress
sites,
we
could
easily
add
this,
and
only
the
members
of
browser3000
could
be
able
to
attend
this.
I
mentioned
discord.
We
have
a
cloudflare.
A
I
know
the
cloudflare
team
is
here:
we
have
a
cloud
for
worker
that
could
use
to
to
allow
people
to
you
know,
restrict
access
to
their
websites
only
to
the
people
that
are
nft
in
their
wallet.
Actually,
I
think
now
cloudflare
has
apps,
so
it
would
be
cool
to
see
if
somebody
would
be
interested
in
hacking
on
this.
A
We
have
an
integration
webflow,
which
is
this
no
code
kind
of
you
know,
site
builder,
pretty
cool
duration
of
discourse,
which
is
the
forum
software,
and
really
we
have
a
lot
more
coming,
and
if
you
are
interested
in
building
integration,
you
should
definitely
reach
out
to
us.
We
also
have
a
few
tutorials
to
build
kind
of
custom
experiences,
so
we
have
a
way
to
kind
of
remove
ads
on
the
website.
A
If
somebody
has
a
membership
in
their
wallet,
we
have
a
way
to
sell
tickets
to
a
conference,
and
so
maybe
that's
something
that
you
want
to
use
here.
We
have
a
way
to
get
donations
on
github.
Actually,
let
me
show
you
this.
This
is
pretty
cool.
All
of
unlock
is
open
source.
Everything
from
I
mean
the
smart
contract,
obviously
to
the
front
end
code,
and
one
thing
that
we
have,
which
is
pretty
cool,
is
like.
We
have
a
donation
button
here
that
actually
uses
unlock.
A
So
I'm
not
going
to
show
you
this,
but
what
we
have
here
at
the
bottom
is
a
way
to
show
all
of
the
icons
of
all
of
the
people
that
support
unlock.
So,
if
somebody
bills,
sorry,
if
somebody
purchased
an
unlocked
membership
right
now
and
it's
actually
free,
so
that
would
be
easy.
Their
icon
would
be
added
to
that
list
in
real
time,
which
I
think
is
pretty
cool,
because
this
is
an
svg
image
that
is
dynamically
generated
as
the
page
loaded.
So
it's
pretty
cool.
Let's
go
back
to
the
dashboard
here.
A
We
can
also
create
a
stack
like
experience
like
a
newsletter
and
that's
something
that
we
provide.
Obviously
we
have
a
pretty
extensive
documentation
and
that's
one
of
the
links
that
I'll
post
in
the
in
the
channel,
where
you
can
find
all
of
the
info
information
about
how
to
use
unlock,
creating
a
lock,
which
is
the
thing
that
I
just
did.
You
can
enable
credit
card.
A
I
didn't,
I
didn't
show
you
this,
but
it's
actually
pretty
straightforward,
and
in
that
scenario,
even
people
who
don't
have
a
crypto
like
can
purchase
your
memberships
and
have
it
in
ft
in
their
wallet.
I
invite
you
to
look
at
the
docs
here.
It's
pretty
pretty
interesting.
You
can
customize
the
nft,
which
is
what
I
did
with
you
a
list
of
plugins
and
integration,
and
then
we
have
maybe
for
you
a
list
of
kind
of
pretty
extensive
documentation
around
how
to
use
unlocking.
A
So
these
are
all
of
the
components
that
we
provide
to
the
smart
contracts
unlock.js,
which
is
javascript
library
subgraphs,
which
is
a
way
to
query
the
locks
data
in
real
time
as
well,
which
is
pretty
cool,
a
way
to
kind
of
set
metadata
on
on
on
nft's
the
paywall
application,
which
is
kind
of
a
more
advanced
javascript
integration
on
to
our
site
and
locksmith,
which
is
kind
of
our
back-end
server,
where
we
can
do
a
bunch
of
interesting
things
like
create
user
accounts
and
charge
for
query
parts,
and
things
like
this
going
back
to
the
dashboard.
A
Now,
I'm
going
to
finish
my
my
very
rough
demo,
I'm
going
to
click
on
this
fake,
basically
paywall
site,
which
is
going
to
use
the
the
membership
that
we
just
deployed
a
couple
of
minutes
ago.
I'm
going
to
join
us
and
obviously
same
as
before
on
the
on
the
musician's
website,
I'm
being
prompted
to
purchase
a
membership,
it
is
free,
I'm
going
to
just
click
here,
connect
microphone
and
see
here.
A
Obviously,
I
have
not
enabled
credit
card
connect,
my
crypto,
let's
in
browser,
while
it's
the
same
as
as
earlier
this
time,
I
only
have
the
option
to
pay
with
my
wallet
and
I'm
gonna
do
that
right
away
and
what's
interesting,
you
see
that
now
the
rest
of
the
content
is
immediately
visible
and
by
the
time.
So
what
we
do
I
mean
one
thing
you
might
wonder
is
like
how
come
this
is
immediately
unlocked.
A
We
do
what
we
call
optimistic,
unlocking
where
we
look
at
the
transaction
itself
and
assess
how
likely
it
is
to
go
through.
We
don't
require
users
to
wait
for
this
because
sometimes
block
time
can
be
slow,
but
here
it's
been
mine
and
you
can
see
here
on
ether
scan,
which
is
a
block
explorer.
Can
you,
if
it's
kind
of
slower
than
metamask,
to
identify
that
it's
been
mine?
You
see
that
I
actually
have
now
minted
an
erc701
nft,
the
token
id
number
one.
A
Obviously
that's
mine
and
it's
called
browser
3000
here
and
maybe
I'll
do
something
even
crazier.
I
don't
know
if
it's
gonna
work
but,
like
you
probably
know
of
tests,
sorry
of
openc,
and
so
we
have
this
thing
on
openc,
where
uh-huh,
I'm
not
sure
it's
gonna
work,
but
that's
right
where
you
can
actually
view
nfts
yeah,
they
work
pretty
cool,
so
it's
gonna
load
the
data.
Oh,
I
didn't
do
the
the
image
that
I
just
said.
A
So
I'm
not
sure
why,
let's
refresh
it,
maybe
but
that's
the
nft
that
I
just
bought
it's
now
on
openc
and
I
can
transfer
it
to
somebody
else.
I
can
put
it
up
for
sell.
I
wouldn't
do
that
because
it's
free,
but
you
know
if
I
had
a
paid
one,
I
could
definitely
charge
with
this,
so
yeah
basically
documentation.
I
invite
you
to
kind
of
check
that
out
our
website,
which
is
here,
oh
actually,
prices.
A
We
definitely
are
excited
about
you
building
on
top
of
unlock,
so
we've
added
a
couple
prices.
You
can
get
some
of
our
governance
token,
and
basically
these
are
tokens
that
allow
you
to
vote
on
the
upgrades
of
the
protocol
on
how
it's
going
to
you
know
be
governed
in
the
future.
So
we
definitely
invite
you
to
win
this
because
I
think
it's
actually
a
pretty
cool
a
pretty
cool
prize.
We
also
have
stickers,
and
maybe
by
the
time
this
is
over,
we'll
have
hoodies
and
t-shirts.
A
So
please
come
build.
Amazing
things
join
us
on
our
discord
and
by
the
way
you're
gonna
have
to
unlock
it,
which
is
pretty
cool.
You're
gonna
use
unlock
for
this
follow
us
on
twitter
and
please
do
reach
out
to
any
of
us.
A
I
think
that's
pretty
much
it
for
now
again
pretty
excited
to
see
what
you
all
can
build
and
if
you're
looking
for
ideas,
please
come
check
with
us
on
discord.
We
have
a
ton
of
stuff
that
we'd
love
people
to
build
and
we'd
love
to
help.
You
do
that.