Question

我的Web应用程序使用WEB RTC进行两个对等体之间的视频通信。一切都很好，但我们在生产中遇到了一个问题。

问题是，当浏览器要求摄像头和麦克风许可时，弹出窗口经常被用户忽略，因此他们为什么不显示他们的视频而感到沮丧。所以我想知道是否有一些库可以预测权限弹出窗口的显示位置，所以我可以从我的html中显示一些箭头并使其更明显？

Answer 1

getUserMedia功能的大多数浏览器引擎实现需要用户访问网络摄像头的权限。视频数据流仅在用户操作后启动。我认为没有用户访问权限我们无法访问网络摄像头。如果您想避免用户权限，那么我们必须仅在html呈现引擎内避免权限。

Answer 2

    <button onclick="askPermission()">click me</button>
        <video></video>

     function askPermission(){

         //add constraints object
         var constraints = {
             audio:true,
             video:true};

         //call getUserMedia
         navigator.mediaDevices.getUserMedia(constraints).then(function(mediaStream){

             var video = document.querySelector('video');
             video.srcObject = mediaStream;
             video.play();
             }).catch(function(err){
                 console.log("There's an error!" + err.message);
             })

     }

HTML 5浏览器相机权限

2 个答案: