Zoomなど共有した画面にお絵描きできるのですが、動画にはお絵描きする機能が見つからないので、前の投稿で話した手書きのホワイトボードに対してリモートでお絵描きできません。
そこで、動画にお絵描きできるツールをWeb会議に組み合わせたら使えるのではと考えました。
当サイトのWeb会議はWebRTCでブラウザで使えるものですから、JavaScriptで動画にお絵描きできるものがよさそうと探したところ「WebAR」というのがヒットしました。
当サイトのWeb会議のユースケースは他でまだない↓これとしてみたいと考えました。
“WebRTC（画面共有＋動画）＋手書きホワイトボードの動画配信＋WebARで動画へお絵描き”
＜方式案＞
ポイントは参加者がWebARで書いたお絵描きを手書きホワイトボードの動画に乗せてみんなで同じ絵を見せるというところですが、思いついたのは下記２案です。
A）WebSocketで新たなセッション貼ってお絵かき情報をそれに乗せて全員へ配信してWebARで各参加者の動画に描写。
B）それとも手書きホワイトボードを写しているスマホに情報送信して、そこでWebARを動かして動画加工して、それをTV会議で配信。
後者のほうがシンプルかな。
＜WebARのライブラリ＞
WebARにはマーカーレスでできるものと、被写体にマーカーを要するものの２系統あるらしいのですが、今回は、手書きのホワイトボードという平面写すのでどちらでもよいのかな？
（平面と考えたらもっとシンプルなマーカーでもよいのかもと思ったが、実験兼ねて今回はARとしておこう。）
WebAR
└マーカーを利用するもの(詳しくはこちら(外部))
└A-FrameとAR.js(公式サイトはこちら(外部)）
追記：AR.js Ver3でイメージトラッキングとロケーションベースもできる。
└マーカーレスのもの(詳しくはこちら(外部))
├AR Quick Lookというブラウザ機能(iOS12以降)
└model-viewer(ARCore対応デバイス)