回路を組み立てる

配線して図と同様の回路をつくる。

1 : Arduino Uno x 1
3 : 圧電スピーカ x 1
を配線した状態。

2 : USBケーブル (A-B)
をつなぎ、Arduino Uno と PC の接続が済んだ状態。

1 : Arduino Uno x 1
2 : USBケーブル (A-B) x 1
3 : 圧電スピーカ (SPT08) x 1
を用意する。

Firefox にアドオンを導入する

Mozilla Firefox に arduino.js for webpages (Firefox 用アドオン) をインストールする。

Firefox にアドオンがインストールされた状態。
確認は Firefox 右上のメニューボタン → 「アドオン」 より行う。

Arduino にプログラムを書き込む

arduino.js 圧電スピーカ用プログラム と Arduino IDE を用意する。

圧電スピーカ用プログラムにある "CommandServer.ino" を Arduino IDE で開く。

"CommandServer.ino" を開いた状態。

「→」マークの「マイコンボードに書き込む」ボタンをクリックする。

書き込み中は Arduino Uno の「TX」「RX」 が点滅する。書き込みが完了すると消灯する。

プログラムを開く

WebPage フォルダの中の piezoelectricspeaker.html を Firefox で開く。

完成!

参考資料

回路について
 - 圧電スピーカ
回路図の作り方
 - Fritzing
Arduinoについて
 - Arduino
arduino.jsについて
 - arduino.js