試圖請求用戶在 React 應用程序中使用相機和麥克風的權限

Question

我正在使用navigator.mediaDevices.getUserMedia({ audio: true, video: true })提前請求使用我用戶的麥克風和網絡攝像頭的權限，並且它可以工作，但是，它會導致網絡攝像頭亮起（可能看起來就像應用程序正在錄制或不使用相機一樣）。 除非獲得許可，否則我會強制使用我不確定的相機。 我的問題是：

1. 使用導航器請求權限的正確方法是什么？ 如果是這樣
2. 我如何只請求許可而不“打開”或過早點亮用戶的相機？

Answer 1

此處演示： https://js.do/code/so62273679

拿 stream，獲取軌道並停止它們以關閉相機。 相機仍會 flash，但會關閉。

navigator.getUserMedia({audio:true,video:true}, function(stream) {
  stream.getTracks().forEach(x=>x.stop());
}, err=>console.log(err));