LoginSignup
16
13

More than 5 years have passed since last update.

Webカメラ + Azure Logic Apps + Azure Face API で訪問記録

Posted at

はじめに

Azureのサービスを利用してWebカメラの前に現れた人を記録する環境を構築したため、一例として記載します。

構築イメージ

observation.png

  • カメラの画像は、Webカメラ + Raspberry Pi + Windows 10 IoT Core + UWP で定期的にAzure Storageにアップロードするようにしました。
  • Azure Functionsを
    • トリガー: Azure Storageへの格納
    • アクション: Logic Appsをキックするように設定しました。Azure Functionsの設定
  • Logic AppsはFace APIのDetect facesを使用して画像に人がいるか否かを判断しています。存在した場合はDocumentDBにjsonと画像を格納します。

Azure Storageの設定

Webカメラの設定

Azure Functionsの設定

参考
https://docs.microsoft.com/ja-jp/azure/connectors/apis-list
https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-apps-azure-functions
https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-apps-http-endpoint

ベースのお話はこちらに記載しています。
今回はアクションだけが異なります。
そもそもとして、Logic Appsが直接Storageのトリガーを受けれれば良かったのですが、2017/03時点ではトリガーはポーリングトリガーしか用意されていませんでした。
blob.png
blob2.png

Azure FunctionsにはAzure Storageの変更をトリガーにする仕組みが存在していたため、Azure Functions -> Azure Logic Appsを起動するようにしました。
(Azure Logic AppsからAzure Functionsを動作させる方法はこちら)
Azure FunctionsからAzure Logic Appsを呼ぶためのトリガーとして要求(Request)を使用しました。
request.png
この要求をトリガーとして選択してJSONスキーマを入力すると図のようにPOST用のURLが発行されるため、そのURLに対してPOSTするようにAzure Functionsのアクションを記載すればトリガーにできました。

run.csx
#r "Microsoft.WindowsAzure.Storage"
#r "Newtonsoft.Json"
#r "System.Net"
#r "Newtonsoft.Json"

using System;
using System.Text;
using Newtonsoft.Json;
using System.Net.Http;
using Microsoft.WindowsAzure.Storage.Blob;

public static void Run(ICloudBlob image, TraceWriter log)
{
    var httpClient = new System.Net.Http.HttpClient();

    var payload = new {
        url = image.Uri.ToString()
    };

    var stringPayload = Newtonsoft.Json.JsonConvert.SerializeObject(payload);

    var httpContent = new System.Net.Http.StringContent(stringPayload, System.Text.Encoding.UTF8, "application/json");

    httpClient.PostAsync("https://prod-30.japaneast.logic.azure.com:443/workflows/~~~", httpContent).Wait();
}

要求本文のJSONスキーマは、サンプルのペイロード~~のリンクをクリックして、今回格納したJSONの例を貼り付けると勝手に生成してくれました。今回は

{url: "http://~~~"}

というjsonを定義しています。

Logic Appsの設定

Azure ポータルからLogic Appsを作成します。
また、Logic AppsからFace APIを使用するため、Cognitive Services APIs (プレビュー)も作成します。
Logic Apps デザイナー画面に遷移して要求をトリガーとして選択して次のアクションにDetect facesを選択します。
faceapi.png

選択するとAPI KEYを求められるため、Cognitive Services APIs (プレビュー)からコピーして貼り付けて作成します。(Cognitive Services APIs内Keysを選択すると表示されます。)
apikey.png

次に解析する画像の位置を指定します。ここでは要求のjsonで取得するurlをそのまま指定します。jsonで定義した要素名が候補として現れるのは便利だと思いました。
detect.png

これ以降のアクションについては今回はDocumentDBにjsonと画像のurlを格納するだけにしました。やりたいことによってこの後の解析処理が変わってくると思います。
documentdb.png

構築後の感想

画像解析がかなり手軽に使用できるのが素晴らしいと思いました。
今回はただの人検知だけでしたが、特定の誰かが訪問したら通知だとか、一定期間カメラの前を通り過ぎた人の人数を算出するとかできそうです。
Emotion APIを使用すれば、観客の笑った人数を算出するなんてことも可能かと。

Azure Logic Appsに存在しないトリガーもHTTP POSTでキックすれば良いのでどうとでもなりそうです。
(Storageのプッシュトリガーくらいは用意しておいて欲しかったですけど)

Logic Appsの動作の確認は大変でした。
Azure Functionsのように入力を指定できないので、自分でPOSTを送信しなくちゃいけなかったです。
その後の処理も長ければ長いほど大変だと思います。
ロジックアプリコードビューで直接中身をいじれますが、C#とは別物でした。
これがC#とかで書けてLogic Appsに変換されるとかになるとかなり楽になる気がします。

16
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
13