กลับไปหน้ารวมไฟล์
angnano-visualize-nano-ble-sense-data-within-the-browser-f4f307-en.md

Just because it is possible to do ;-)

Upload the sketch bellow to your board. A

lmost done! Visit Angnano and hit the 'Scan' button in the right corner to connect.

Known Issue: Android devices have a MTU of 20bytes. The current implementation of the bluetooth characteristic is 54bytes long. So you wont be able to receive all sensor values on some Android devices for now.

EXPANDED TECHNICAL DETAILS

Web-Enabled Bluetooth Telemetry

Angnano is a powerful project that allows you to stream data from an Arduino Nano 33 BLE Sense directly into your web browser without an app.

  • Web-Bluetooth API Handshake: Uses the cutting-edge Web-Bluetooth API. The browser (Chrome/Edge) establishes a direct GATT-protocol link with the Arduino, allowing for raw sensor data to be plotted instantly in a web-canvas.
  • VS Code Optimized Development: Entirely developed in VS Code, using the Arduino extension to optimize the BLE stack for maximum throughput and sub-50ms data latency.

Performance

  • Visual "Spatial Orientation" Dashboard: The browser interface renders a 3D model of the Nano BLE Sense; as you tilt the physical hardware, the virtual model mimics the movement in real-time using IMU data.

ข้อมูล Frontmatter ดั้งเดิม 

title: "Angnano - Visualize Nano BLE Sense data within the Browser"
description: "A single page web application which can connect to the Nano BLE Sense Board via a bluetooth connection and visualize sensors in 'real time"
author: "haraldholzner"
category: ""
tags:
  - "bluetooth"
  - "nano ble sense"
  - "angular"
views: 1975
likes: 1
price: 2450
difficulty: "Easy"
components:
  - "1x Nano 33 BLE Sense"
tools: []
apps:
  - "1x Visual Studio Code Extension for Arduino"
  - "1x Arduino IDE"
  - "1x VS Code"
downloadableFiles: []
documentationLinks: []
passwordHash: "a55d2db5559fee555b232edf2d2a86010f117a219d8ac5f80a39d7abb0b41d11"
encryptedPayload: "U2FsdGVkX1/yRUfD0oQd6JRj13rQ7a816mcOzWCKMS2hSeBscs+NqBteq4zT2aqDpS5xIL1s9cFksHPc6zI2zwwER2gJzpb3f1zVGmpgLwUD1Hphl8pX1TW6Q6EUDCVS/Ej6oRIpWmg2uLOP/btNB3hQDMYglMuWppb4QoC+4kg="
seoDescription: "Visualize Nano BLE Sense data in real-time via Bluetooth using a single page web application."
videoLinks:
  - "https://www.youtube.com/embed/shorts"
heroImage: "https://cdn.jsdelivr.net/gh/bigboxthailand/arduino-assets@main/images/projects/angnano-visualize-nano-ble-sense-data-within-the-browser-f4f307_cover.jpg"
lang: "en"