Nuxt의 navigator.mediaDevices.getUserMedia - Nuxt에서 정의되지 않음

Question

이미지를 캡처할 수 있도록 Nuxt에서 카메라를 트리거하는 다음 코드가 있지만 계속 오류가 발생합니다.

정의되지 않은 속성을 읽을 수 없습니다('getUserMedia' 읽기).

으아악

메서드에 있습니다. 나는 아무것도 설치하지 않았습니다.

누구나 도와줄 수 있나요?

Answer 1

제게 올바른 방향을 알려준 @kissun에게 감사드립니다.

개발 모드에서는 사용할 수 없기 때문에 반복되는 문제인 것 같아요 navigator.mediaDevices.getUserMedia.

제안대로 mounted에 이 기능을 추가했는데 그것도 작동하지 않습니다.

온라인으로 검색한 결과, 이것이 마침내 작동하려면 개발 모드에서 HTTPS를 사용해야 한다는 것을 알았습니다.

이렇게 하려면 먼저 HTTPS 인증서와 키를 생성한 다음 nuxt를 구성하세요. 원본 전체 지침은 여기에서 찾을 수 있습니다. localhost에서 HTTPS를 사용하여 NUXT(npm run dev)를 실행하는 방법은 무엇입니까?

nuxt를 설정하려면 nuxt.config.js 파일의 서버 객체에 다음을 추가하세요:

으아악

지금 사용해 보세요navigator.mediaDevices.getUserMedia