navigator.mediaDevices.getUserMedia dalam Nuxt - tidak ditentukan dalam Nuxt

Question

Saya mempunyai kod berikut untuk mencetuskan kamera dalam Nuxt supaya saya boleh menangkap imej, tetapi saya terus mendapat ralat:

Tidak boleh membaca sifat undefined (baca 'getUserMedia')

navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
  player.srcObject = stream;
});

Ini dalam kaedah. Saya tidak memasang apa-apa.

Boleh sesiapa tolong saya?

Answer 1

Terima kasih kepada @kissun kerana menunjukkan saya ke arah yang betul.

Saya rasa ini adalah isu yang berulang kerana ia tidak tersedia dalam mod pembangunan navigator.mediaDevices.getUserMedia.

Saya menambah fungsi ini dalam mounted seperti yang dicadangkan, tetapi itu juga tidak berfungsi.

Selepas mencari dalam talian, saya mendapati bahawa saya terpaksa menggunakan HTTPS dalam mod pembangunan untuk akhirnya berfungsi.

Untuk melakukan ini, mula-mula buat sijil dan kunci HTTPS, kemudian konfigurasikan nuxt. Arahan asal dan lengkap boleh didapati di sini Bagaimana untuk menjalankan NUXT (npm run dev) menggunakan HTTPS dalam localhost?

Untuk menyediakan nuxt, tambahkan ini pada objek pelayan dalam fail nuxt.config.js:

import path from 'path'
import fs from 'fs'

  server: {
    https: {
      key: fs.readFileSync(path.resolve(__dirname, 'server.key')),
      cert: fs.readFileSync(path.resolve(__dirname, 'server.crt'))
    }
  }

Cuba sekarangnavigator.mediaDevices.getUserMedia