ローディングアニメーションの追加

[toffyui]

概要

• ビデオの読み込みに時間がかかるので、読み込みが完了するまでローディングをつける

実装内容

• 読み込み完了するまでビデオを表示しないようにするとwebcamRefが取得できなくてずっとローディングになってしまうため、裏では常にwebcamとtensorflowは起動させた状態で、上に白背景のdivを画面いっぱいに広げて、その上にローディングをつける
• z-indexが意味をなしてなかったのですべて消した

懸念点

• 上記の実装のため、これは果たしてコンポーネントなのか？感がある（ディレクトリ構造の問題）
• とはいえページとして扱うのもページではないから気持ち悪くてもうこれで良いかな感もある...

画面

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit f88a40b):

https://pictogram-san--pr14-feat-add-loading-xk5dj3tm.web.app

_{(expires Sun, 08 Aug 2021 02:03:34 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

[toffyui]

こっちはv6なのですね。

なんか全部v6だったらむしろエラー出て、v8に揃えるともっと画質荒くなって、苦肉の策でした とはいえ根本的解決できてないぽいので、codecs抜いて一旦先にマージします。