Nuxt の navigator.mediaDevices.getUserMedia - Nuxt では未定義

Question

Nuxt でカメラをトリガーして画像をキャプチャできるようにする次のコードがありますが、エラーが発生し続けます:

未定義のプロパティを読み取ることができません (「getUserMedia」を読み取ります)

リーリー

これはメソッド内にあります。何もインストールしませんでした。

誰か助けてくれませんか?

Answer 1

私を正しい方向に導いてくれた @kissun に感謝します。

開発モードでは navigator.mediaDevices.getUserMedia を使用できないため、これは繰り返し発生する問題だと思います。

提案どおり、この関数を mounted に追加しましたが、それも機能しませんでした。

オンラインで検索した結果、これを最終的に機能させるには開発モードで HTTPS を使用する必要があることがわかりました。

これを行うには、まず HTTPS 証明書とキーを作成し、次に nuxt を構成します。オリジナルの完全な手順はここにあります。 ローカルホストで HTTPS を使用して NUXT (npm run dev) を実行するにはどうすればよいですか?

nuxt をセットアップするには、nuxt.config.js ファイルのサーバー オブジェクトに追加します。

リーリー

ここで navigator.mediaDevices.getUserMedia

を使用してみます。