Navigator .mediadevices.get User Media()无法访问内置摄像头的笔记本电脑

问题描述 投票:0回答:2

我正在开发一个视频录制的Web应用程序。

我已经尝试了下面的代码,但问题是它与外部摄像头工作正常,但在笔记本电脑的内置摄像头与相同的浏览器,它没有发现对象发现错误。

我使用的是Firefox 60.6.1

     if (navigator.mediaDevices.getUserMedia) {       
      navigator.mediaDevices.getUserMedia(constraints)
      .then(function(stream) {
    //load the stream in the video variable
        video.srcObject = stream;
    //load the stream in revokeAccess variable 
        revokeAccess=stream;
    //video playback
        video.play(); 
    /*
    Optional to avoid the dual audio disturbance. Playback audio is muted
    */
    video.muted= true;


    if (MediaRecorder.isTypeSupported('video/webm;codecs=vp9')) {
      var options = {mimeType: 'video/webm;codecs=vp9'};
      console.log("using vp9");
    } else if (MediaRecorder.isTypeSupported('video/webm;codecs=h264')) {
      var options = {mimeType: 'video/webm;codecs=h264'};
      console.log("using h264");
    } else  if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8')) {
      var options = {mimeType: 'video/webm;codecs=vp8',videoBitsPerSecond : 1500000,audioBitsPerSecond : 160000};
      console.log("using vp8");
    }else{
    console.log('isTypeSupported is not supported, using default codecs for browser');
    } 

    //load the stream and type of video in the function
    mediaRecorder = new MediaRecorder(stream,options);
    //handle the data availability
    mediaRecorder.ondataavailable = handleDataAvailable;
    //Start the recording
    mediaRecorder.start(); 

    alert("Started Recording");


    //push the data into chunks(array)
    function handleDataAvailable(event) {
     if (event.data.size > 0) {
       recordedChunks.push(event.data);
        console.log(recordedChunks);
     } else {
      alert(event);
     }
    }
    //disable the Start Recording button
    document.getElementById("startRecording").disabled = true;  
      })
      .catch(function(error) {
    //handle the device not found exception
        alert("Camera not Found !! Please connect camera properly");
        console.log(error);
      });
    }

我希望应用程序在每个平台上运行。

javascript webrtc recordrtc
2个回答
0
投票

大家好,感谢您的支持和快速回复。

我在代码中使用以下适配器添加修复了问题。

var getUserMedia = navigator.getUserMedia ||
navigator.mozGetUserMedia ||
navigator.webkitGetUserMedia;

0
投票

如果要支持旧版浏览器,请检查以下内容。

https://github.com/webrtcHacks/adapter

WebRTC适配器

adapter.js是一个填充程序,可以将应用程序与规范更改和前缀差异隔离开来。实际上,用于WebRTC实现的标准和协议非常稳​​定,并且只有少数前缀名称。有关完整的互操作信息,请参阅webrtc.org/web-apis/interop。

此存储库曾经是github上的WebRTC组织的一部分,但已被移动。我们的目标是使用新版本更新旧存储库。

此外,您可以从firefox检查您的硬件环境。

在浏览器类型的地址栏中如下

约:支持

© www.soinside.com 2019 - 2024. All rights reserved.