Presentation I gave during JSConf.US 2015 in Amelia Island, Florida about hardware, music, beacons, glass, etc.

1. altering the real world
with JavaScript
Jan Jongboom
JSConf.US 2015

2. Telenor R&D
@janjongboom
Mozilla

3. We're on the verge of a
new era

4. alert('Hello ' + prompt('Your name?'))

5. take code into the
real world

6. JUST
the revolution is
getting started

8. Audience participation!
and GIFs!

9. Computer generated
music

11. http://gibber.mat.ucsb.edu/

12. 1 a = Drums('x*o*x*o-')
Gibber

13. Gibber
1 a = Drums('x*o*x*o-')
2 a.pitch = 0.5

14. Gibber
1 a = Drums('x*o*x*o-')
2
3 speak = Speak({ pitch: 70, wordgap:5 })
4 .say.seq(
5 ['J', 'S', 'Conf'],
6 [1/4, 1/4, 1/4, 1/2].rnd()
7 )
8
9 speak.pitch.seq( [1,.8,1.2].rnd() )
10 Clock.bpm = 120;

15. Gibber
1 a = Drums('x*o*x*o-')
2
3 speak = Speak({ pitch: 70, wordgap:5 })
4 .say.seq(
5 ['J', 'S', 'Conf'],
6 [1/4, 1/4, 1/4, 1/2].rnd()
7 )
8
9 speak.pitch.seq( [1,.8,1.2].rnd() )
10 Clock.bpm = 120;

16. So much phones!

18. Go to http://192.168.158.139:9321
Gibber
(JSConf2015_Track_A)

19. Gibber
1 a = Drums('x*o*x*o-')
2 a.pitch = Phone.X
https://github.com/janjongboom/jsconf-us/blob/master/gibber/gibber-phone.js
Go to http://192.168.158.139:9321

20. Getting data out of the
real world

21. Bluetooth beacons
Broadcasting their existence

22. Bluetooth beacons
Long battery life
Cheap
URLs, sensor values, etc.

23. Coming to a web browser near you
https://bugzilla.mozilla.org/show_bug.cgi?id=1063444

24. Scanning beacons
1 var adapter = navigator.mozBluetooth.defaultAdapter
2 adapter.startLeScan([]).then(handle => {
3 handle.ondevicefound = e => {
4 // handle e.scanRecord
5 }
6
7 setTimeout(() => {
8 adapter.stopLeScan(handle)
9 }, 5000)
10 }, err => console.error(err))

25. JavaScript baby monitor
Tag your baby with a phone
Get three beacons
Some math

26. http://janos.io

28. DEMO TIME
http://192.168.159:139:9321

29. One more thing...

30. Firefox OS is
not just about
phones

31. BLE, VR, WebCL

32. Wearable
Augmenting reality
Hyperlocal services
Open standards

33. mozilla
glass

34. mozilla glass
Works with any glasses
No extra device required
Voice controlled
Self build kit ~$300

35. Camera module
Display & sensors
WebRTC
Mirror

37. We can't predict the future
(It's 2015, where's my hoverboard?!)

39. THANK YOU!
@janjongboom
github.com/janjongboom/jsconf-us