福野泰介の一日一創

カメラはWebアプリからでも使えます。フロントカメラやバックカメラの選択ができるオプションを、MediaPipeのcamera_utilsと互換性のある Camera.js に追加。OBSのバーチャルカメラの排除と合わせて、スマホでも使いやすくなりました。

「Camera.js demo」src on GitHub
使い方は、簡単。HTML内に video タグを置いて、下記のようにESモジュールをimportして呼び出すだけ！ import { Camera } from "https://code4fukui.github.io/Camera/Camera.js"; const camera = new Camera(videoElement, { onFrame: async () => { // use videoElement as image }, width: 1280, height: 720, backcamera: true, }); camera.start(); backcameraを使うかどうかオプションと、フロントとバックを切り替える camera.flip() を追加しました。その他、ほしいものは Issues までどうぞ。

「MediaPipe FaceMesh test」
ステキな画像解析AIオープンソース「MediaPipeのいろいろデモ」もバックカメラに対応させたので、スマホでも遊びやすくなりました！