The Internet of Browsers

bit.ly/bb-bbb

warning: demos

Hi, I'm Ben

iot

Thing

An object that one need not, cannot, or does not wish to give a specific name to:

‘look at that metal rail thing over there’

Browsers are things

Data

Environment

What we do

Data

meta

Battery Status


navigator.getBattery()
  .then(function(battery) {
    alert(battery.level)})
            

Location


navigator.geolocation
  .getCurrentPosition(function(position) {
    alert(position.coords.latitude)})
            

Orientation


window.addEventListener("deviceorientation", function(){
  alert(event.beta)},true)
            

input

Video & Audio


navigator.getUserMedia({video: true}, function(stream){
  alert(URL.createObjectURL(stream)) }, function(){})
            

Ambient Light


window.addEventListener('devicelight', function(event) {
  alert(event.value)})
            

Touch


document.addEventListener("touchstart", function(e){
  alert(e.touches.pageX)}, false)
            

output

Movement


window.navigator.vibrate(200)

Visual


document.body.style.background = 'blue'

Audio


var ctx = new AudioContext,
    osc = ctx.createOscillator()

osc.frequency.value = 440
osc.start()
osc.connect(ctx.destination)

& web based things…

More info

chromestatus.com

status.modern.ie

caniuse.com

environment

What we do

photos (flickr) - pixieclaire001, zazie & aisforangie | cc by-nc-nd 2.0

We build things

Thanks

@benjaminbenben