カメラで人の顔の写真を撮り、その顔をアバターにする仕組みを実装しました。 カメラ起動ボタン ディレクトリ構造は下記です。 <section> <!-- カメラボタン --> <button id="cameraButton">カメラを起動</button> <!-- 撮影ボタン --> <button id="captureButton">撮影</button> <!-- 保存ボタン--> <button id="saveButton" style="display:none;">生成</button> <!-- ビデオ要素 --> <video id="cameraStream" width="640" height="480" autoplay style="display:none;"></video> <!-- 撮影した画像を表示するための要素 --> <img id="yourI