Touching the Future

The Web in the Age of Physical Computing

HKOSCON - Hong Kong, 2017

Dietrich Ayala / @dietrich / Mozilla.org

ACTIVE
ONBOARDING

PASSIVE
ONBOARDING

SPEECH

NOISE!

PATTERNS
& FLOW

➡️
  ➡️ URL
    ➡️ app

➡️
  ➡️ URL
    ➡️

➡️
  ➡️ URL
    ➡️

➡️
  ➡️ URL
    ➡️ ...
      ➡️ ???

BUYING
THINGS

➡️
  ➡️ URL
    ➡️ Payment Request API
      ➡️ 💰💰💰

CASUAL
AUGMENTED
REALITY

CAMERA +
3D

CAMERA +
CONTROLS

CAMERA +
JAVASCRIPT +
3D

CAMERA +
JAVASCRIPT +
3D +
NOISE

getUserMedia()

      
        navigator.mediaDevices.getUserMedia({
           audio: true,
           video: true
        }).then(function (stream) {
          // do something with the stream
        })
      
    

A-Frame Example

      
        <a-scene>
          <a-sphere radius="1.25"></a-sphere>
          <a-box width="1" height="1" depth="1"></a-box>
          <a-cylinder radius="0.5" height="1.5"></a-cylinder>
          <a-plane rotation="-90 0 0" width="4" height="4"></a-plane>
        </a-scene>
      
    

PRIVACY

SECURITY




Dietrich Ayala

@dietrich