MediaDevices.getUserMedia()の仕様を確認すると、
すべての constraint が数字とは限りません。例えば、次の例はリアカメラよりもフロントカメラを (利用できるなら) を選好します。
{ audio: true, video: { facingMode: "user" } }
リアカメラが必要であれば、次のようにします。
{ audio: true, video: { facingMode: { exact: "environment" } }
https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getUserMedia より引用
という記述があります。
ただ、スマホユーザーのことを考えてリアカメラを指定すると、フロントカメラしか無い環境(例えばMacBookなど)でエラーになってしまいます。
なので、
navigator.mediaDevices.getUserMedia({ video: { facingMode : { exact : 'environment' // リアカメラを指定 } }, audio: false }).then(handleSuccess).catch(() => { // リアカメラが無い際もエラーになる navigator.mediaDevices.getUserMedia({ video: true, audio: false }).then(handleSuccess).catch((err) => { handleError(err); }); }); function handleSuccess() { // カメラ起動後の処理を書く } function handleError(err) { console.err(err); }
という感じで、リアカメラがなくてコケた後に再度指定なしでカメラを立ち上げる処理を書くと対策になります。