Chrome: navigator.mediaDevices.getUserMedia не является функцией

Я нахожусь на локальном хосте и пытаюсь использовать метод MediaDevices.getUserMedia в Chrome. Я получаю сообщение об ошибке. Я понимаю, что в Chrome можно использовать эту функцию только с безопасным происхождением, а localhost считается безопасным. Кроме того, это работает в Firefox.Chrome: navigator.mediaDevices.getUserMedia не является функцией

Это, как я использую его, как показано на веб-сайте Google Developers https://developers.google.com/web/updates/2015/10/media-devices?hl=en:

var constraints = window.constraints = { 
      audio: false, 
      video: true 
}; 


navigator.mediaDevices.getUserMedia(constraints).then(function(stream) { 
      callFactory.broadcastAssembly(stream); 
      ... 
});

источник

2016-05-19 muninn9

Я думаю, вам нужно иметь HTTPS, чтобы заставить его работать. – Tom

@Tom Обслуживание через localhost разрешено: https://www.chromium.org/Home/chromium-security/deprecating-powerful-features-on-insecure-origins – Nateowami

@Nateowami не в то время, когда я написал комментарий, хотя , – Tom

Используйте navigator.getUserMedia() вместо этого.

navigator.getUserMedia(constraints, successCallback, errorCallback);

источник

2016-05-19 07:33:26

Я надеялся использовать MediaDevices.getUserMedia, потому что Navigator.getUserMedia указан как устаревший в Mozilla. Я все еще смущен, почему первое не работает для меня. – muninn9

Вы можете использовать тот, который хотите, но вам придется написать какой-то полиполк. –

Попробуйте включить: хром: // флаги/# включить-экспериментальные-веб-платформенные функции

работал для меня в хроме

источник

2016-06-23 12:22:09

Работал и для меня. Является ли 'navigator.mediaDevices.getUserMedia' определенным в Chrome, но не Chromium? MDN [предупреждает против использования] (https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia) устаревший 'navigator.getUserMedia', предупреждая, что« он может сломаться в любое время ». Я пытаюсь не использовать его, но 'navigator.mediaDevices.getUserMedia' недоступен в Chromium без изменения этого флага. EDIT: вопреки тому, что я читал, он [вышел не до Chrome 53] (https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia) (я использую Chromium 52). – Nateowami

Я нашел ответ в сносках MDN: «Начиная с версии 47 до 52 интерфейс на основе обещаний был доступен только через polyfill adapter.js или с использованием флага chrome: // flags/# enable-experimental-web- платформа-функция. Начиная с версии 53, по умолчанию интерфейс на основе обещаний включен, хотя этот интерфейс по-прежнему недоступен через навигатор. ' – Nateowami

Вы пробовали включить adapter.js polyfill? Проверьте эту страницу: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#Browser_compatibility

Похоже, что это или позволяет chrome://flags/#enable-experimental-web-platform-features как за @Simon Malone «s отметить, что необходимо для Chrome.

источник

2016-07-13 17:46:14

У меня тоже была эта проблема, и смена флагов, похоже, не работала. Я наткнулся на это расширение chrome - Web Server for Chrome в, что, казалось, сделало трюк.

источник

2016-07-18 04:02:43 ellerynz

В некоторых последних браузерах navigator.getUserMedia работает не очень хорошо. Итак, попробуйте использовать navigator.mediaDevices.getUserMedia. Или, лучше проверить, navigator.mediaDevices.getUserMedia доступен для браузера, используйте navigator.mediaDevices.getUserMedia или используйте navigator.getUserMedia.

navigator.getWebcam = (navigator.getUserMedia || navigator.webKitGetUserMedia || navigator.moxGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia); 
if (navigator.mediaDevices.getUserMedia) { 
    navigator.mediaDevices.getUserMedia({ audio: true, video: true }) 
    .then(function (stream) { 
        //Display the video stream in the video object 
    }) 
    .catch(function (e) { logError(e.name + ": " + e.message); }); 
} 
else { 
navigator.getWebcam({ audio: true, video: true }, 
    function (stream) { 
      //Display the video stream in the video object 
    }, 
    function() { logError("Web cam is not accessible."); }); 
}

Надеюсь, это решит вашу проблему.

источник

2017-03-30 06:48:51 Amrendra

Chrome: navigator.mediaDevices.getUserMedia не является функцией

ответ

Смежные вопросы