web-serial-api

KO | EN

gitlite — search

#javascript #ai #llm #go #android #rust #deep-learning #linux #docker #nodejs #kubernetes #vue #mcp #open-source

(★ 82)

Web Serial API examples – talk to serial devices from your browser.

web-serial-api Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Web Serial API Examples

The Web Serial API makes it possible for web browsers to read and write from serial devices. Soon you can chat with Arduinos, Raspberry Pis and most any device that speaks serial – straight from your website and no drivers needed. The Web Serial API specification is, as of this writing, not a W3C standard but you can already play with it in the latest versions of Chrome, Edge, Opera, and Firefox.

This repository is my playground for evaluating this upcoming API. If you possess an Arduino, you can play along too.

![](https://raw.githubusercontent.com/svendahlstrand/web-serial-api/master/docs/assets/demo.gif)

> Reading analog input, using a potentiometer, and dimming an LED from the browser.

## Before Playing With the Serial API

Make sure you have the following to play along at home:

1. Arduino compatible device and USB cable
2. [Arduino IDE][ide]
3. Latest version of Chrome, Edge, Opera, or Firefox
4. Experimental Web Platform features enabled

## Serial API Examples

The course of action is the same for toying with all examples. Load one of the includes examples on your device using the Arduino IDE, build the associated circuit, and then point your browser to the example you want to explore.

## Analog Read Serial

Open the built-in example sketch `01.Basics → AnalogReadSerial` in the Arduino IDE and upload it to your device. Follow the tutorial to [connect a potentiometer to the Arduino][analogtutorial]. Make sure your circuit works by using the [Serial Monitor][serialmonitor].

Visit my [Analog Read Serial example page][analog].

## Dimmer

Open the built-in example sketch `04.Communication → Dimmer` in the Arduino IDE and upload it to your device. Follow the tutorial to [connect an LED to the Arduino][dimmertutorial]. Make sure your circuit works by using the [Serial Monitor][serialmonitor].

Visit my [Dimmer example page][dimmer].

[ide]: https://www.arduino.cc/en/Main/Software
[analog]: https://svendahlstrand.github.io/web-serial-api/analog-read-serial.html
[analogtutorial]: https://www.arduino.cc/en/Tutorial/AnalogReadSerial
[dimmer]: https://svendahlstrand.github.io/web-serial-api/dimmer.html
[dimmertutorial]: https://www.arduino.cc/en/Tutorial/Dimmer
[serialmonitor]: https://docs.arduino.cc/software/ide-v2/tutorials/ide-v2-serial-monitor/

web-serial-api

web-serial-api Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

web-serial-api

web-serial-api Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README