Навигатор .mediadevices.get Пользователь Media () не имеет доступа к ноутбукам со встроенной камерой - PullRequest
Новая
       104

Навигатор .mediadevices.get Пользователь Media () не имеет доступа к ноутбукам со встроенной камерой

0 голосов
/ 12 апреля 2019

Я занимаюсь разработкой веб-приложения для записи видео.

Я пробовал приведенный ниже код, но проблема в том, что он отлично работает с внешней камерой, но в встроенной камере ноутбука с тем же браузером это не дает ошибку Обнаружен объект.

Яиспользуя 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);
      });
    }

Я хочу, чтобы приложение работало на каждой платформе.

Ответы [ 2 ]

0 голосов
/ 30 апреля 2019

Если вы хотите поддерживать устаревший браузер, проверьте следующее.

https://github.com/webrtcHacks/adapter

WebRTC адаптер

adapter.js - это оболочка, защищающая приложения от изменений спецификации и префикса. различия. На самом деле, стандарты и протоколы, используемые для WebRTC реализации очень стабильны, и есть только несколько префиксов имена. Для получения полной информации о взаимодействии см. Webrtc.org/web-apis/interop.

.

Этот репозиторий раньше был частью организации WebRTC на github. но переехал. Мы стремимся обновлять старый репозиторий новыми релизов.

Кроме того, вы можете проверить свою аппаратную среду с помощью Firefox.

В адресной строке браузера введите следующее:

о: поддержка

0 голосов
/ 29 апреля 2019

Привет всем разработчикам. Спасибо за вашу поддержку и быстрый ответ.

Я исправил проблемы, используя приведенное ниже добавление адаптера в коде. 

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