JavaScript:Библиотеки/p5.dom/createCapture(): различия между версиями
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 18: | Строка 18: | ||
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 24: | Строка 24: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
createCapture(type, callback) | createCapture(type, callback) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 30: | Строка 30: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
type – тип захватываемых данных. Если ничего не указано, то это либо видео, либо аудио. По умолчанию – одновременно видео и аудио. Кроме того, это может быть объект Constraints. Тип данных – String, константа, объект. | type – тип захватываемых данных. Если ничего не указано, то это либо видео, либо аудио. По умолчанию – одновременно видео и аудио. Кроме того, это может быть объект Constraints. Тип данных – String, константа, объект. | ||
callback – функция, которая будет вызвана после загрузки потока. Тип данных – функция | callback – функция, которая будет вызвана после загрузки потока. Тип данных – функция | ||
Строка 37: | Строка 37: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Захваченное видео в виде объекта p5.Element. Тип данных – объект, p5.Element. | Захваченное видео в виде объекта p5.Element. Тип данных – объект, p5.Element. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 45: | Строка 45: | ||
===№1=== | ===№1=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var capture; | var capture; | ||
Строка 62: | Строка 62: | ||
===№2=== | ===№2=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
function setup() { | function setup() { | ||
createCanvas(480, 120); | createCanvas(480, 120); |
Текущая версия от 18:14, 14 мая 2023
Черновик |
createCapture() [1]
Описание
Создает HTML5-элемент <video>, содержащий поток аудио/видео с веб-камеры. Этот элемент отделен от холста и по умолчанию показывается, но его можно спрятать при помощи функции hide(). Кроме того, при помощи функции image() поток можно нарисовать на холсте.
Более конкретные свойства потока можно задать в объекте Constraints. Более подробно об этих свойствах можно прочесть тут. Обратите внимание, что не все эти свойства поддерживаются всеми браузерами.
Внимание! Согласно новым требованиям браузеров к обеспечению безопасности, функция getUserMedia(), на основе которой создана createCapture(), работает только локально или на HTTPS. Более подробно читайте тут и тут.
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
createCapture(type, callback)
Параметры
type – тип захватываемых данных. Если ничего не указано, то это либо видео, либо аудио. По умолчанию – одновременно видео и аудио. Кроме того, это может быть объект Constraints. Тип данных – String, константа, объект.
callback – функция, которая будет вызвана после загрузки потока. Тип данных – функция
Возвращаемое значение
Захваченное видео в виде объекта p5.Element. Тип данных – объект, p5.Element.
Пример
№1
var capture;
function setup() {
createCanvas(480, 480);
capture = createCapture(VIDEO);
capture.hide();
}
function draw() {
image(capture, 0, 0, width, width * capture.height / capture.width);
filter(INVERT);
}
№2
function setup() {
createCanvas(480, 120);
var constraints = {
video: {
mandatory: {
minWidth: 1280,
minHeight: 720
},
optional: [{ maxFrameRate: 10 }]
},
audio: true
};
createCapture(constraints, function(stream) {
console.log(stream);
});
}