MediaDevices

MediaDevices - об'єкт для роботи з підключеними медіа пристроями.

Синтаксис:

navigator.mediaDevices;

Параметри:

navigaror - об'єкт navigator.

mediaDevices - властивість об'єкта navigator

яка містить об'єкт MediaDevices.

Опис:

MediaDevices об'єкт забезпечує доступ до підключених медіа пристроїв таких як камера, мікрофон та отримання медіа потоку з пристроїв.

Для отримання медіа потоку використовується метод MediaDevices.getUserMedia() який є новою альтернативою старого метода navigator.getUserMedia().

MediaDevices

MediaDevices.enumerateDevices() - список доступних медіа пристроїв які доступні в системі.
MediaDevices.getSupportedConstraints() - параметри доріжки в медіа потіці які підтримує браузер.
getUserMedia() - запитує дозвіл на медіа пристрої (камера, мікрофон).

MediaDevices

ondevicechange - підключено/відключено медіа пристрій.

Приклад:

alert( navigator.mediaDevices );

Приклад отримання відео і звуку з веб-камери у браузері за допомогою JavaScript:

<video id="video"></video>

if(navigator.mediaDevices){
	navigator.mediaDevices.getUserMedia({video:true,audio:true}).then(function(stream){
	var video=document.getElementById('video');
	video.srcObject=stream;
	video.play();
}).catch(function(er){alert(er.message);});
}else alert('Ваш браузер не підтримує navigator.mediaDevices');

Приклад відтворення звуку з мікрофона:

navigator.mediaDevices.getUserMedia({audio:{autoGainControl:false, echoCancellation:false, sampleSize:{min:128, max:1024, ideal:512, exact:256}, volume:0.8}}).then(function(stream){
	var audio=new Audio();
	audio.srcObject=stream;
	audio.play();
}).catch(function(e){alert(e);});