検索
連載

JavaScriptで家電を操作するための赤外線信号の基礎知識Arduinoで始めるWeb技術者のためのIoT入門(4)(1/3 ページ)

今注目のInternet of Thingsを実現するセンサーデバイスのインターフェースとしてArduinoを使い、電子工作の基礎から実装までを紹介する連載。今回は、エアコンの制御をWebブラウザーから行うために、制御の媒介となる赤外線リモコンの信号をJavaScriptとArduinoの機能で再現する方法を解説します。

PC用表示 関連情報
Share
Tweet
LINE
Hatena
「Arduinoで始めるWeb技術者のためのIoT入門」のインデックス

連載目次

エアコンの制御をJavaScriptで行う

 前回の「夏休みの子どもの自由研究に最適! 植物からメールをもらおう」では、IoT(Internet of Things)の例として、土壌湿度センサーとメールを連携させるシステムを作りました。

 今回から2回にわたり、エアコンの制御をWebブラウザーから行うためのシステムを作ります。前回は自律的に動作していましたが、今回はUIからコントロールできるシステムです。Web技術でモノを操る、Web of Things/Internet of Thingsの世界を実現します。

 家電を制御するために、リモコンの赤外線通信を使います。ですので、最新のスマート家電を購入しなくても大丈夫ですし、テレビ、照明、オーディオなどへの応用も簡単にできます。

 今回は赤外線信号の基礎知識、読み取り/送信方法までを説明し、次回でWebブラウザーのUIとリアルタイムに連携させます。

 下記は必要な材料のリストです。今回もGroveモジュールを使います。

  • Grove Baseシールド
    →前回使用したものと同じ
  • Grove 4ピンケーブル
    →2本必要
  • 赤外線センサー(WLS12136P)
    →このセンサーにリモコンを向け、リモコンのボタンを押すことで赤外線信号を読み取る
  • 赤外線LED(WLS12148P)
    →リモコンで発生した赤外線パターンと同じ信号をここから発生させて、家電を操作する

リモコンはどういう信号を送信しているの?

 早速、某エアコンのメーカーにリモコン信号の仕様を問い合わせましたが、残念ながら公開していないとの回答でした。

 でも、大丈夫です。道が閉ざされたわけではありません。リモコンから送信される赤外線パターンを学習し、それと同じ信号を赤外線LEDから照射すればよいのです。

 具体的にどういう信号なのでしょうか。赤外線リモコンは、波長940ナノメートルの目に見えない光を利用しており、「光のON/OFFが継続した時間」でデータを表現します。

 従って、リモコンの信号を再現するために見るべきことは、「赤外線ON/OFFの時間継続」とその「順番」であることが分かります(注:詳しくは後ほど説明しますが、正確には38kHzのパルスでONを表現します)。

 例として、筆者の自宅にあるリモコンで電源ボタンを押すと、最初にONの状態が3500マイクロ秒間続いた後、OFFが3480マイクロ秒間続き、次にONが856マイクロ秒、……といったパターンから始まっています。そのため、赤外線LEDを3500マイクロ秒間点灯させ、3480マイクロ秒間消灯、……とすることでリモコンのボタンを押したときと同じ信号を作り出せます。

 ちなみに、赤外線通信の細かい規定はメーカーによって違いがありますが、今回は全ての情報を読み取るため、その違いを意識する必要がありません。

JavaScriptの限界を乗り越える

 Lチカと同じように赤外線LEDを点滅させればよいということは分かりました。しかし、いざJavaScriptで実装しようとすると、大きな壁が立ちはだかります。今回はマイクロ秒単位の制御が要求されるのに対して、JavaScriptのタイマーメソッド(setTimeout、setInterval)は1ミリ秒単位の制御しかできません(注:Node.jsにはsetImmediateを利用した「nanotimer」というnpmモジュールが存在しますが、筆者の環境では100マイクロ秒単位の制御しかできませんでした)。

 この解決策として、特定の赤外線パルスを発生させる関数を「Arduinoスケッチ」に仕込みます。JavaScriptからArduinoへ、特定の合図を送信すると、この関数を実行させるという流れです。

 さらに、これまでと同じようにアナログピンやデジタルピンの操作ができるようにするため、Firmataの「System Exclusive(SYSEX)Message」という機構を利用します。

Copyright © ITmedia, Inc. All Rights Reserved.

       | 次のページへ
PREVIEW
'; }else{ mask.innerHTML = '
画像をご覧いただくには会員登録が必要です
' + btn_txt + '
'; } if((_preview && location.hash.indexOf('maskoff') !== -1) || (typeof itmIdLogin !== 'undefined' && itmIdLogin == 1)){ img.style.visibility = 'visible'; }else{ nxt.parentNode.insertBefore(mask,nxt); } } } }; /** * mask_leadin : subscription マスクの実行 * @param {Object} マスク用パラメータ(sc,lc,ac,bc)と記事の状態(subscription_exist,subscription_objects,preview)を持った Object */ function mask_leadin(_p){ if(!_p.subscription_exist) return false; addCSS('/css/spv/cmsInput.niche.css?date=202407081140'); let d = document; let description = createElementWithAttribute('div',{"class":"colBoxDescription"},function(div){ div.appendChild(createElementWithAttribute('p','',function(p){ p.innerText = '続きを読むには、[続きを読む] ボタンを押して会員登録あるいはログインしてください。'; })); }); let button = {}; if(_p.preview){ button.link = 'javascript:void(0)'; button.text = '続きを読む(TestMode)'; button.func = 'if(window.confirm(¥'マスクを解除しますか?¥')){location.href = ¥'#maskoff¥';location.reload();}else{return false;}'; } else { button.link = 'https://id.itmedia.co.jp/isentry/contents?sc=' + _p.sc + '&lc=' + _p.lc + '&ac=' + _p.ac + '&cr=' + _p.cr + '&bc=' + _p.bc + '&return_url=' + encodeURIComponent(d.URL) + '&pnp=1&encoding=shiftjis'; button.text = '続きを読む'; button.func = 'cx_itm_mask_button();'; } button.elem = createElementWithAttribute('div',{"class":"colBoxButton"},function(div){ div.appendChild(createElementWithAttribute('a',{"href":button.link,"onclick":button.func},function(a){ a.innerText = button.text; })); }); let mask = createElementWithAttribute('div',{"class":"mask_leadin"},function(div){ div.innerHTML = '
'; }); mask.querySelector('.colBoxIndex').appendChild(description); mask.querySelector('.colBoxIndex').appendChild(button.elem); let subscription = _p.subscription_objects[0]; subscription.classList.add( 'is-' + _p.subscription_type ); if((_p.preview && location.hash.indexOf('maskoff') !== -1) || (typeof itmIdLogin !== 'undefined' && itmIdLogin == 1)){ subscription.style.display = 'block'; }else{ subscription.parentNode.insertBefore(mask,subscription); } }; /*IMAGE MASK & Lead-in*/ (function(d){ let membersControl = searchMembersControl(); // %メンバー用マスクの存在チェックと対象要素取得 let imageMask = searchImageMask(); // 画像マスクの存在チェックと対象要素取得 let subscription = searchSubscription(); // subscription マスクの存在チェックと対象要素取得 let isPreview = d.domain.match(/(preview|broom|localhost)/); let param ={ isLoginURL:'//status.itmedia.co.jp/isLoginAIT.cgi', sc:'0c1c43111448b131d65b3b380041de26f2edd6264ee1c371184f54d26ab53365', lc:'7d7179c146d0d6af4ebd304ab799a718fe949a8dcd660cd6d12fb97915f9ab0a', ac:'1a599d548ac1cb9a50f16ce3ba121520c8ab7e05d54e097bfa5b82cb5a328a0f', bc:1, members_control_exist:membersControl.exist, image_mask_exist:imageMask.exist, image_mask_objects:imageMask.Objects, subscription_exist:subscription.exist, subscription_objects:subscription.Objects, subscription_type:subscription.type, preview:isPreview }; let setExtraMask = function(){ if (d.getElementById('isLogin') || isPreview) { // isLogin 呼び出し済みであれば各マスク処理を実行 if (imageMask.exist) { param.cr = '2c93f81754142e105c8bca17824745d14c8c4d69e9d7ede513e5530546e97641'; mask_images(param); } if (subscription.exist) { param.cr = '90cfa6d666682f8b5dc3c798020e432fc294ef430deb069008d4f8bceeb02418'; mask_leadin(param); } } else { // isLogin がなければ、呼び出した後で再実行 let js = mask_images.setISLOGIN(param.isLoginURL,param.sc); js.addEventListener('load',function(){ setExtraMask(); }); } }; if( subscription.type != 'force' ) { //強制 subscription ではない場合のみ実行 if (imageMask.exist || subscription.exist) { setExtraMask(); } } })(document);
LOADING
'; w.removeEventListener('scroll',arguments.callee,false); htmlRequest(_xhrfile,_idname); elem.setAttribute('data-status','true'); console.log('finished : ' + _idname); }else{ // console.log('retry : ' + _idname); } }else{ e_loader.innerHTML = '
LOADING
'; w.removeEventListener('scroll',arguments.callee,false); htmlRequest(_xhrfile,_idname); elem.setAttribute('data-status','true'); console.log('finished : ' + _idname); } } }; w.addEventListener('scroll',scrolling,false); // スクロールイベント scrolling(); // スクロールイベント(閲覧位置が半端な場合のために 1 回実行させる) }; w.addEventListener('load',loading,false); // LOAD 後に実装 };