尝试请求用户在 React 应用程序中使用相机和麦克风的权限

Posted

技术标签:

【中文标题】尝试请求用户在 React 应用程序中使用相机和麦克风的权限【英文标题】:Trying to ask for users permission to use camera and microphone in a React app 【发布时间】:2020-09-28 02:29:31 【问题描述】:

我正在使用 navigator.mediaDevices.getUserMedia( audio: true, video: true ) 提前请求允许使用我的用户的麦克风和网络摄像头,它可以工作,但是,它会导致网络摄像头亮起(这可能看起来像应用程序正在录制或使用摄像头时它不是)。除非获得许可,否则我会强制使用我不确定的相机。我的问题是:

    使用导航器请求权限的正确方法吗?如果是这样 如何只请求许可而不“打开”或过早点亮用户的摄像头?

【问题讨论】:

【参考方案1】:

在这里演示:https://js.do/code/so62273679

获取流,获取曲目并停止它们以关闭相机。相机仍会闪烁,但会关闭。

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

【讨论】:

以上是关于尝试请求用户在 React 应用程序中使用相机和麦克风的权限的主要内容,如果未能解决你的问题,请参考以下文章

在 react-Native 中退出相机视图

React-Native Camera 错误 - 没有为资产库找到合适的 URL 请求处理程序

如何检查用户是不是已在 React Native Android 中授予相机权限?

react native如何打开相机拍照?

React - 允许用户从画廊或相机添加文件

如何在 React 应用程序中使用 JEST 测试向 api 发出 axios 请求的异步函数