What Web Can Do Today?

The Web Bluetooth API is a low-level API allowing Web applications to pair with the nearby Bluetooth Low Energy-enabled peripheral devices and access their services exposed.

API glimpse

Live Demo

• JavaScript

  function readBatteryLevel() {
    var $target = document.getElementById('target');
    
    if (!('bluetooth' in navigator)) {
      $target.innerText = 'Bluetooth API not supported.';
      return;
    }
    
    navigator.bluetooth.requestDevice({
        filters: [{
          services: ['battery_service']
        }]
      })
      .then(function (device) {
        return device.gatt.connect();
      })
      .then(function (server) {
        return server.getPrimaryService('battery_service');
      })
      .then(function (service) {
        return service.getCharacteristic('battery_level');
      })
      .then(function (characteristic) {
        return characteristic.readValue();
      })
      .then(function (value) {
        $target.innerHTML = 'Battery percentage is <b>' + value.getUint8(0) + '</b>.';
      })
      .catch(function (error) {
        $target.innerText = error;
      });
  }

• HTML

  <p>
    <button onclick="readBatteryLevel()">Read Bluetooth device's<br>battery level</button>
  </p>
  
  <p id="target"></p>
  
  <p><small>Based on code snippets from <a href="https://developers.google.com/web/updates/2015/07/interact-with-ble-devices-on-the-web" target="_blank" rel="noopener">Google Developers</a>.</small></p>

Browser support

Resources

• Specification Draft
• Interact with BLE devices on the Web