MediaTrackConstraints.width

width - ширина відео.

Синтаксис:

MediaTrackConstraints.width; var trakConstraints={width:значення};

Параметри:

MediaTrackConstraints - об'єкт MediaTrackConstraints.

trackConstraints - зміна якій присвоюється об'єкт MediaTrackConstraints.

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

Опис:

width властивість об'єкту MediaTrackConstraints яка вказує ширину відео.

Для перевірки чи підтримується параметр width використовуйте метод MediaDevices.getSupportedConstraints().

Ящо не підтримується параметр width тоді він ігнорується.

Приклад:

if(navigator.mediaDevices){
	var trackConstraints={width: 480};
	var streamConstraints={video: trackConstraints};
	navigator.mediaDevices.getUserMedia(streamConstraints).then(function(){alert('отримано доступ до медіа потоку');});
}else alert('Ваш браузер не підтримує MediaDevices');

Приклад відтворення відео з вказаною шириною відео:

if(navigator.mediaDevices){
	var constraints={video: {width: {min:320, exact:800} }};
	navigator.mediaDevices.getUserMedia(constraints).then(function(stream){
		var video=document.getElementById('video');
		video.srcObject=stream; //присвоюємо медіа потік
		video.play();  //починаємо відтворення
	}).catch(function(e){alert(e);});
}else alert('Ваш браузер не підтримує MediaDevices');

Перевірка чи підтримується параметр width:

if(navigator.mediaDevices){
	var suportConstraints=navigator.mediaDevices.getSupportedConstraints();
	if(suportConstraints.width)
		alert('параметр width підтримується');
	else
		alert('параметр width НЕ підтримується');
}else alert('Ваш браузер не підтримує MediaDevices');