先日、カメラで撮影した映像に対し、リアルタイムでグリーンバックを使ったクロマキー合成を行う機会がありました。使って、ホストにアクセスすることができる。📷まだ、完璧ではないのですが、カメラの映像の中から動いているものだけを表示するスクリプトを書きました。全部で9個canvasがありますが、役割は下記の通りです。GとHの論理積を白黒反転させたものをレンダリングしています。📷blog.kimizuka.org前回は、OpenCV.jsを使ってカメラで撮影した映像をモノクロにしました。今回は、前回作成したモノクロ画像を更に二極化してみます。📷opencv.orgカメラで撮影した映像をモノクロにするだけであれば、ピクセルデータを編集したり、CanvasRenderingContext2D.filterを使ったりすれば良いのですが、OpenCV.jsを試してみたかったので、今回はOpenCV.jsで実装します。1.録音機能確認-今回から音声による読みあげ機能(キャストと呼ぶ)を実装していく。テーマのタイトル、テーマの内容、返信の内容について音声を読み上げる。投稿した本人はキャストできない。複数のユーザがキャスト投稿できる(いずれ承認制にする予定)。id="rec_thread_title{{$thread->thread_id}}...TBD•9ヶ月前httpでgetUserMediaを使う題の通り、httpでgetUserMediaを使う(確認する)方法について覚書。会社のオンプレ環境にgitlabを用意してくれてあり、pagesが使えたりする。Encryptでhttps化してくれるのだが、(弊社)オンプレgitlabではhttpだった。mediapipeを使ったページを作りオンプレgitlabのpagesへデプロイしてみたのだが動かなかった。原因は、getUserMedia()がhttpで動作しないため。スマホのブラウザだけでチャレンジ虎の穴ラボおっくんです。夏のアドベントカレンダーの14日目の記事です。今回のアドベントカレンダーも引き続き「見た目でわかるビジュアルネタ5連発」の第4弾となります。13日目は、A.M.さんによる「【Go言語】アスキーアートでダンジョンから脱出するゲームを作ってみた」が投稿されました。15日目は、Mさんによるビジュアルネタ「🔴サーバーにエラーが起きた時にVSCodeを真っ赤にしよう🔴」が公開されますこちらも御覧ください。