Uncaught TypeError: Cannot read property ‘getUserMedia’ of undefined at window.onloadのエラーが出た。
何をしていたかというと、2色しばりカメラ「2カメ」を開発している最中にブラウザでデバイスのカメラを使おうとして、
navigator.mediaDevices.getUserMedia()
でテストしている時でした。
エラー解決の方法は？
ブラウザでカメラを使う時、getUserMediaのエラーはどうすればいいか？
以下のURLスキームを使用してロードされたページでアクセスするとエラーが解決されます。
- file:///
- https:/
getUserMedia()でカメラテストの記述ファイルを直接ブラウザで開いてみたところ、
エラーが解消されて、カメラの使用が可能になりました。
getUserMedia()は、セキュアな通信でのみ使用できる機能で、
http://などセキュアでない場合は、navigator.mediaDevicesが定義されてないので使用できずエラーが出たのでした。
参考：https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getUserMedia
エラー解決して開発したものは？
2色しばりカメラ「2カメ」を開発しました。
conohaレンタルサーバーで開発しました。
コメント