CamScripterとは
CamScripter Appは、AXISカメラの映像にリアルタイムでデータをオーバーレイするためのツールです。
CamScripter Appは、ライブストリーミングの機能を強化し、データの可視化を容易にします。これにより、ユーザーは単に映像を監視するだけでなく、様々なリアルタイム情報をカメラ映像上に表示させることが可能になります。
右図では時計・天気情報・大気品質指数を表示しています。
CamScripterを使った
配信を見てみる
世界の空気品質指数(AQI)
を映像に統合してみる
一例として、空気品質指数(AQI)をリアルタイムで表示するサンプルアプリケーションを使用します。
AQIは、空気の汚染レベルを示す指標で、特に都市部や工業地域での健康管理に重要です。
具体的な実装方法
まず初めにCamscripterがインストール済みのAXIZのカメラにアクセスします。その後、CamScripter Appを開きます。
CamScripter Appに、Githubで集積されているファイルの中から、「aqi_app_1_0_6.zip」というzipファイルをダウンロードします。
下のボタンからGithubのダウンロードページに移動できます。
インストールが完了したら、アプリケーション開いて設定をします。
カメラのIPアドレスやポート番号を確認し、ユーザー名とパスワードを入力。その後アクセストークンを取得し場所を指定します。最後に、オーバレイセッティングのフォントと画面上における座標を指定したら完了です。
オートセーブになっているのでそのまま閉じて問題ありません。
さまざまな産業での実際の利用例
自然保護区での野生動物観察
自然保護区に設置されたカメラを通じて、野生動物の生態を観察し、保護活動を支援することが目的でした。
使用方法
CamScripter Appを利用して、カメラからのライブ映像に動物の識別情報や現在の気象データをリアルタイムでオーバーレイ表示。
CamOverlayを使用して、特定の動物がカメラに映った際に自動的にその名前や特性が表示されるように設定。
効果
観察者がリアルタイムで動物の種類や行動を確認できるため、保護活動の効率が向上しました。
一般公開されるライブ映像にも利用され、視聴者が自然環境や野生動物に対する関心を高めるきっかけとなりました。
AQIプロジェクト
AQIプロジェクトは、空気品質指数データを視覚的に表示するためのアプリケーションです。
フロントエンド(HTML、CSS、JS)とバックエンド(データ処理、API取得)、設定管理、開発・テスト環境で構成されています。
AQIプロジェクトの構成とその目的
html/
ディレクトリには、アプリケーションのユーザーインターフェースを構成するHTMLファイルが含まれています。
これらのファイルは、ブラウザ上で表示されるページのレイアウトを定義し、AQI(空気品質指数)データを視覚的に表示します。
index.html
: アプリケーションのメインHTMLファイルで、ページの構造を決定します。
index.js
: HTMLページでの動的な動作を処理するJavaScriptファイルです。
fonts/
とimages/
ディレクトリには、アプリケーション内で使用されるフォントや画像が保存されています。
これらの要素は、視覚的に魅力的なユーザー体験を提供するために重要です。
main.js
には、アプリケーションの主要なロジックが記述されています。ここでは、AQIデータの取得、データの処理、そしてフロントエンドへのデータ提供が行われます。
manifest.json
は、アプリケーションのメタデータを管理するファイルです。アプリケーションの名前やバージョン情報、必要な権限などが定義されており、アプリケーションの挙動を制御する役割を担っています。
localdata/
ディレクトリは、アプリケーションが使用するローカルデータや設定情報を保存する場所です。
これにより、ユーザーの設定やアプリケーションの状態が記録され、一貫した体験が提供されます。
tsconfig.json
は、TypeScriptのコンパイラオプションを指定するファイルです。TypeScriptを使うことで、より安全で保守性の高いコードが作成できます。
testing/
ディレクトリには、アプリケーションの機能をテストするためのスクリプトが含まれています。これにより、アプリケーションが意図通りに動作することを確認し、品質を保証します。
node_modules/
には、package.json
で指定されたすべての依存関係が含まれています。これらのモジュールは、アプリケーションの機能を支えるために必要な外部ライブラリです。
package.json
とpackage-lock.json
は、プロジェクトの依存関係とバージョン管理を行います。これらのファイルにより、開発環境と本番環境で一貫した動作が実現します。
参考
CamScripter アプリ 1.x API ドキュメント(Camstremer)
お問い合わせ
ご質問がございましたら、下のボタンからお気軽にお問い合わせください。
または下記アドレス、電話番号からもお問い合わせいただけます。
Email:contacts@comworks.co.jp
電話:0120-77-5609
受付時間 9:00-18:00(土・日・祝日を除く)