Während meiner Recherchen und Experimente zur Nutzung der #WebSerialAPI mit #Calliopemini stieß ich auch auf das Add-on WebSerial for Firefox.
https://github.com/kuba2k2/firefox-webserial

Bisher werden diese Techniken nur von Chromium-Browsern unterstützt.
https://datenverdrahten.de/PDF/Calliope_mini_Datenkommunikation.pdf

Auch die neue Version 0.5.0 funktioniert zumindest unter Windows nicht sauber. Es gibt JS-Fehler wie reader.releaseLock(); existiert nicht, was die Datenübertragung abwürgt.

Aktualisierte Zusammenfassung meiner Aktivitäten mit dem #Calliopemini und Zusatzkomponenten. Da stecken etliche Wochen Arbeit drin. Speziell geht es um die Übertragung von Messdaten an externe Ziele wie Browser über die #WebSerialAPI und mittels WLAN an ein IoT-Portal.

Das Ganze bedeutete vor allem Trial & Error und dabei nicht aufzugeben. Insgesamt viel gelernt und hoffentlich interessante / fortführbare Ideen umgesetzt.

⇒ Update vom 29.09.: https://datenverdrahten.de/?news=177

Webpräsenz von Dr. Thomas Meinike – Mehr zum Calliope mini

In den seit dem vorherigen Kurzbericht vergangenen drei Monaten wurde das Calliope-Projekt weiter ausgebaut. […]

Konzeptionell gelöst. Die SCD40-Daten kommen via #WebSerialAPI im Browser als #JSON an und werden entsprechend weiterverarbeitet, also wiederum Wertanzeige + #SVG-Graphen. CO₂-Werte waren jetzt unspektakulär ;).

Code für den #Calliopemini: https://makecode.calliope.cc/_iaHFycL2JPFJ

Wobei start_continuous_measurement() automatisch aufgerufen wird und nur benötigt wird, wenn man den Datenfluss mit stop_continuous_measurement() unterbrochen hat. Siehe: https://makecode.calliope.cc/pkg/calliope-edu/co2-sensor-scd40

Die Datenabfrage vom SCD40-Sensor erfolgt alle fünf Sekunden. Somit ist das auch das minimale Intervall für die noch zu bauenden SVG-Graphen via #WebSerialAPI (habe ich ja formal alles bereits durch die Nutzung der internen Messwerte entwickelt).

#Calliopemini

Ich finde diese Umfrage zu #HTML & Co. inhaltlich interessant, um auf ein paar wenig bekannte oder selten verwendete Techniken zu stoßen.

Für mich erstaunlich, dass #WebUSB erwähnt wird, aber die in den letzten Wochen im Kontext des #Calliopemini eingesetzte #WebSerialAPI nicht.

https://survey.devographics.com/survey/state-of-html/2025

State of HTML 2025

Take the State of HTML survey

State of HTML 2025
Von daher Finger weg von Zadig und #WebUSB ist wohl aktuell kein Thema für Datenkopplungen zwischen #Calliopemini und Browsern. Selbst wenn das mal klappen sollte, wären die Möglichkeiten auch nicht umfänglicher als die von mir mit der #WebSerialAPI probierten Ansätze zum Empfangen und Senden von Daten (wäre dann auch nur für V3 einsetzbar, meine Beispiele laufen mit V1/V2/V3).
@makerspace Interesting, I recently combined #WebSerialAPI with #Calliopemini devices. Project description in german:
https://datenverdrahten.de/PDF/Calliope_mini_Datenkommunikation.pdf

Habe nun auch die Ansätze für schreibende Zugriffe auf Calliope mini mittels Web Serial API in den Projektartikel eingebaut.

https://datenverdrahten.de/PDF/Calliope_mini_Datenkommunikation.pdf

<Have_fun/>!

⬜️🟥⬜️🟥⬜️
🟥🟥🟥🟥🟥
🟥🟥🟥🟥🟥
⬜️🟥🟥🟥⬜️
⬜️⬜️🟥⬜️⬜️

#Calliopemini #JavaScript #SVG #WebSerialAPI

Nach den Experimenten zum Datenlesen vom #Calliopemini via #WebSerialAPI nun über diese etwas an das Gerät geschickt.

Kleine Browser-Anwendung gebaut, welche die 25 roten LEDs 1:1 ansteuern kann. Das wird mittels led.plot() / led.unplot() erreicht.

Zudem wird ein kopierbares Muster für die weitere Verwendung mit showLeds() erzeugt.

Prototypische Messung mit #Calliopemini und #Firefox via #WebSerialAPI (Add-on).

Hier der #SVG-Graph für Feuchtigkeit in Wasser (100 %), Luft (0 %) und dazwischen in Pflanzenerde.

q.e.d.