Download as PDF, PPTX
![@UriShaked
Step 1 - Find a matching Device
navigator.bluetooth.requestDevice(
{ filters: [{ services: ["battery_service"] }]
})
● Asks the user to choose a device from a list
● Returns a promise for the selected Device object](https://image.slidesharecdn.com/webbluetoothcodemotiontlv-170406093213/85/Getting-Physical-with-Web-Bluetooth-Uri-Shaked-BlackBerry-19-320.jpg)
![@UriShaked
Step 5 - Write
const data = new Uint8Array([0x55, 0x70])
characteristic.writeValue(data)
● Returns a promise which will be resolved after the value
has been written](https://image.slidesharecdn.com/webbluetoothcodemotiontlv-170406093213/85/Getting-Physical-with-Web-Bluetooth-Uri-Shaked-BlackBerry-24-320.jpg)
More Related Content
Similar to Getting Physical with Web Bluetooth - Uri Shaked, BlackBerry
Getting Physical with Web Bluetooth - Uri Shaked, BlackBerry
- 1. Web Bluetooth Get Connected UriShaked @UriShaked CodeMotion TLV Mar 2017
- 2. @UriShaked Meet The Speaker •Google Developer Expert
- 3. @UriShaked Meet The Speaker •Google Developer Expert • I love Robotics and Electronics
- 4. @UriShaked Meet The Speaker •Google Developer Expert • I love Robotics and Electronics • I dance Salsa and play the Peruvian pan flute
- 5. @UriShaked Meet The Speaker •Google Developer Expert • I love Robotics and Electronics • I dance Salsa and play the Peruvian pan flute • I work for BlackBerry
- 6. @UriShaked Agenda • Bluetooth Basics •Web Bluetooth • Live Demos
- 7.
- 8. @UriShaked Bluetooth Low Energy(Smart) • Low Energy Profile • Low bandwidth, small packets (max 20 bytes payload) • Low Latency (< 10ms) • Simple pairing, connection-less mode
- 9.
- 10. @UriShaked BLE is Efficient Asmall CR2032 Battery can last for a year!
- 11. @UriShaked BLE === GATT Remember: GATT== Bluetooth Low Energy
- 12. @UriShaked Bluetooth Services BLE Devicesexpose one or more Services, e.g.: ● Battery Level ● Heart Rate ● Environmental Sensing (Temperature, Humidity, etc.)
- 13. @UriShaked Characteristics ● Variables exposedfor each of the services ● You can read/write them ● Also observe them ● E.g. A light-bulb service can have an "On/Off" characteristic and a "Brightness" characteristic
- 14. @UriShaked Example Device Services Characteristics BatteryLevel: 90% Heart Rate Measurement: 80BPM Heart Rate Max: 200 BPM
- 15. @UriShaked Web Bluetooth • ControlBLE devices directly from the web • HTTPS only • Security-First, User interaction + approval required • ES6 Promise-based API
- 16. @UriShaked Browser Support • Android6, Chrome OS, Mac OSX and Linux • Windows 10 support is in the works • iOS currently supported through custom app • Follow the Implementation Status
- 17. @UriShaked The Web BluetoothAPI • Available through navigator.bluetooth • Can only be invoked through user interaction (e.g. button click) • We need to specify filters - specific services / device names we are interested in
- 18. @UriShaked How to usethe API? 1. Scan for a relevant Device 2. Connect to it 3. Get the Service you are interested in 4. Get the Characteristic you are interested in 5. Read / Write / Subscribe to the Characteristic
- 19. @UriShaked Step 1 -Find a matching Device navigator.bluetooth.requestDevice( { filters: [{ services: ["battery_service"] }] }) ● Asks the user to choose a device from a list ● Returns a promise for the selected Device object
- 20. @UriShaked Step 2 -Connect to the Device device.gatt.connect() ● Returns a promise for the GATT Server object, which you can query for Services
- 21. @UriShaked Step 3 -Get the Service server.getPrimaryService("battery_service") ● Returns a promise for the Service object
- 22. @UriShaked Step 4 -Get the Charasteristic service.getCharacteristic("battery_level") ● Returns a promise for the Characteristic object
- 23. @UriShaked Step 5 -Read characteristic.readValue() ● Returns a promise for DataView, which gives access to individual bytes
- 24. @UriShaked Step 5 -Write const data = new Uint8Array([0x55, 0x70]) characteristic.writeValue(data) ● Returns a promise which will be resolved after the value has been written
- 25. @UriShaked Demo Time ! Controllinga consumer product through Web Bluetooth Magic Blue Bluetooth 4.0 Bulb
- 26. @UriShaked Time to Dance 3D-PrintedBLE Controlled Robot Redbear BLE Nano Minion
- 27.
- 28. @UriShaked iOS Users -The Physical Web
- 29. @UriShaked iOS Users -Step 2
- 30. @UriShaked Android Users -Physical Web • Enable Bluetooth • Enable Location
- 31.
- 32. See you nexttime! @UriShaked Thank you !