Download as PDF, PPTX
![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;](https://image.slidesharecdn.com/jsconfus-150529170505-lva1-app6892/75/Altering-the-real-world-with-JavaScript-JSConf-US-2015-14-2048.jpg)
![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;](https://image.slidesharecdn.com/jsconfus-150529170505-lva1-app6892/75/Altering-the-real-world-with-JavaScript-JSConf-US-2015-15-2048.jpg)
![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))](https://image.slidesharecdn.com/jsconfus-150529170505-lva1-app6892/75/Altering-the-real-world-with-JavaScript-JSConf-US-2015-24-2048.jpg)
Uploaded byJan Jongboom
Altering the real world with JavaScript - JSConf.US 2015
Jan Jongboom's 2015 JSConf presentation discusses the intersection of JavaScript with the real world, emphasizing audience participation and computer-generated music via the Gibber framework. He explores practical applications like Bluetooth beacons and proposes innovative uses such as a baby monitor using JavaScript. The talk also touches on wearable tech and the future of web-based services, highlighting the open standards of Mozilla's initiatives.
More Related Content
Similar to Altering the real world with JavaScript - JSConf.US 2015
![Computer Networks 01[1 using all terms].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/computernetworks011-251214040533-327dd9f8-thumbnail.jpg?width=640&height=640&fit=bounds)
Altering the real world with JavaScript - JSConf.US 2015
- 1. altering the realworld with JavaScript Jan Jongboom JSConf.US 2015
- 2.
- 3. We're on theverge of a new era
- 4. alert('Hello ' +prompt('Your name?'))
- 5. take code intothe real world
- 6.
- 8.
- 9.
- 11.
- 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.
- 18.
- 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 outof the real world
- 21. Bluetooth beacons Broadcasting theirexistence
- 22. Bluetooth beacons Long batterylife Cheap URLs, sensor values, etc.
- 23. Coming to aweb browser near you https://bugzilla.mozilla.org/show_bug.cgi?id=1063444
- 24. Scanning beacons 1 varadapter = 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 Tagyour baby with a phone Get three beacons Some math
- 26.
- 28.
- 29.
- 30. Firefox OS is notjust about phones
- 31.
- 32.
- 33.
- 34. mozilla glass Works withany glasses No extra device required Voice controlled Self build kit ~$300
- 35. Camera module Display &sensors WebRTC Mirror
- 37. We can't predictthe future (It's 2015, where's my hoverboard?!)
- 39.