UWP上によるカメラ機能を用いてのリアルタイム画像処理

Question

C#を用いて、ユニバーサルアプリを現在開発しています。

今回、お尋ねしたいことは以下の通りです。
・タイトルにある通り、カメラを起動しリアルタイムに画像処理（例として画面の特定の座標の色を取得する）
・カメラ起動している画面のUIの設計方法

上記2点について方法を教えていただきたいです。

Answer 1

こんにちは。

まずは以下を確認してください。
カメラ キャプチャの UI のガイドライン

リアルタイムのフィードバックを得る必要がある場合や、キャプチャ中の画像を制御する必要がある場合は、カメラ キャプチャ UI を使わないでください。 たとえば、バーコード リーダー アプリで、カメラを使ってバーコードをスキャンする際に、ユーザーにリアルタイムのフィードバックを提供し、それによりユーザーはバーコードが読み取り可能かどうかを知ることができます。この場合カメラ ダイアログは、キャプチャされたビデオ ストリームを直接制御できないため、適切なオプションではありません。代わりに MediaCapture API を使ってください。

とあります。
Windowsストア（多分UWPも）でカメラを実装する方法はCameraCaptureUIとMediaCaptureのどちらかです。
前者は手軽に実装が出来ますが汎用性が低く、後者は作りこみが必要ですが汎用性が高いです。
上記、引用文にも記載されているとおり、今回はMediaCaptureを使用されるのが良いでしょう。

---

・カメラ起動している画面のUIの設計方法

これについては、まずは以下を参考に、CaptureElementなどでUIを実装してみてください。
MediaCapture を使った写真とビデオのキャプチャ

---

・タイトルにある通り、カメラを起動しリアルタイムに画像処理（例として画面の特定の座標の色を取得する）

こちらは少し自信がないのですが、以下にQRコードを処理する事例がありますので参考にされては如何でしょう。
UWP でもバーコードスキャン機能を実装したい

座標を指定して色を取得するだけであれば、CaptureElementから直接取得する方法もあると思いますので調べてみてください。