カメラ・マイク・位置情報が使えない
NotAllowedError: Permission denied GetUserMedia: Only secure origins are allowed
ひとことで言うと
「カメラやマイク、位置情報を使う許可がもらえませんでした」という意味です。
よくある原因
- ユーザーが「許可しない」を押した
- https ではないアドレス（スマホから IP アドレスで開いたなど）で使った
- Mac の設定で、ブラウザにカメラの使用を許可していない
- ほかのアプリがカメラを使っている
自分で確かめること
- アドレスバーの鍵マークから、カメラ・マイクの許可を見る
- https か localhost で開いているか確かめる
たいていは、こうすると直ります
https（か localhost）で開き、ブラウザとパソコンの設定で許可します。断られたときの案内も画面に出すようにします。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 NotAllowedError: Permission denied GetUserMedia: Only secure origins are allowed 【やったこと】 （ここに、エラーが出る前にしたことを書く。例：npm run dev を実行した） 【参考】 このエラーは「カメラ・マイク・位置情報が使えない」というもので、よくある原因は次のとおりです。 ・ユーザーが「許可しない」を押した ・https ではないアドレス（スマホから IP アドレスで開いたなど）で使った ・Mac の設定で、ブラウザにカメラの使用を許可していない ・ほかのアプリがカメラを使っている どれに当てはまるかを確かめる方法も教えてください。