Web Bluetooth

<!doctype html>
<meta charset="utf-8">
<title>Web Bluetooth · ejemplo mínimo</title>
<!-- Lee el nivel de batería de un dispositivo Bluetooth LE que publique el servicio estándar «battery_service».
     Chrome y Edge (escritorio y Android). HTTPS o localhost. -->
<button id="connect">Leer batería</button>
<pre id="out"></pre>
<script>
  const out = document.querySelector('#out');
  document.querySelector('#connect').onclick = async () => {
    if (!('bluetooth' in navigator)) return (out.textContent = 'Web Bluetooth no está disponible en este navegador.');
    try {
      // requestDevice debe ser lo primero que se espera dentro del clic
      const device = await navigator.bluetooth.requestDevice({ filters: [{ services: ['battery_service'] }] });
      const server = await device.gatt.connect();
      const service = await server.getPrimaryService('battery_service');
      const level = await service.getCharacteristic('battery_level');
      const show = (value) => (out.textContent = `${device.name ?? 'Dispositivo'}: ${value.getUint8(0)} %`);
      show(await level.readValue());
      // Si el dispositivo lo permite, recibe los cambios
      if (level.properties.notify) {
        level.addEventListener('characteristicvaluechanged', (e) => show(e.target.value));
        await level.startNotifications();
      }
      device.addEventListener('gattserverdisconnected', () => (out.textContent += '\nDesconectado'));
    } catch (err) {
      out.textContent = err.name === 'NotFoundError' ? 'No se eligió ningún dispositivo.' : err.message;
    }
  };
</script>