画面を見ながら照明操作をおこなう – 後編「操作画面とAPIの接続」

2024/05/22

「画面を見ながら照明操作をおこなう」の連載、後編です。今回は実際に操作画面との接続の設定を行っていきます。

前編の記事

作成するシステムの概要

HTML、CSS、JavaScriptを使用して、Webブラウザ上の操作画面を作成します。

SMARTIOを設置しているローカルネットワーク上にローカルサーバ用意し、操作画面のデータを設置します。

Webカメラを用いて現場の確認用の映像を画面に映し出します。Webサイトへの埋め込み機能を備えたWebカメラを利用すると、簡単に現場の様子をHTML画面に映し出すことができます。

下記は、HTMLで作成されたWebブラウザ画面と、ローカルAPIとの連携部分のサンプルコードとなります。

操作画面にアクセスし、操作をテストしてください。

従来は、グラウンドまで照明の点灯・消灯のために移動する必要がありましたが、スマートフォンやPCからWebブラウザ画面にアクセスし、現場の映像を確認しながら操作が可能になります。

今回紹介したのはローカルAPIを用いた例ですが、クラウドAPIを用いればインターネット経由でAPIを実行し、SMARTIOを操作する環境を構築することも可能です。

今回の前後編の記事において、Webブラウザの画面とSMARTIOのローカルAPIの連携イメージを掴んでいただけたかと思います。

照明だけでなく、空調や電気錠、車両ゲートなど、様々な設備を後付けで遠隔操作を可能にするSMARTIOをぜひお試しください。

画面を見ながら照明操作をおこなう – 前編「より安心・安全な遠隔操作のために」

画面上で機器の動作を目視確認し、より安心・安全な遠隔操作例えば、屋外照明を遠隔制御で点灯する場合、実際に照明が点灯しているかを目で確認したい、という要望が出ることがあります。このような要望に応えるため、SMARTIO