EducationBot в 14:14, 14 мая 2023

2023-05-14T14:14:38Z

← Предыдущая версия		Версия от 18:14, 14 мая 2023
Строка 14:		Строка 14:
	Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:		Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<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>
Строка 20:		Строка 20:
	==Синтаксис==		==Синтаксис==

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	createVideo(src, [callback])		createVideo(src, [callback])
	</syntaxhighlight>		</syntaxhighlight>
Строка 26:		Строка 26:
	==Параметры==		==Параметры==

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	src – путь к видеофайлу или массив путей к видеофайлам для поддержки разных браузеров. Тип данных – String, String[]		src – путь к видеофайлу или массив путей к видеофайлам для поддержки разных браузеров. Тип данных – String, String[]
	callback – функция обратного вызова, которая будет вызвана после запуска события canplaythrough, т.е. когда браузер определил, что было загружено достаточно данных для проигрывания файла до конца без нужды останавливаться для дальнейшей буферизации контента. Тип данных – объект		callback – функция обратного вызова, которая будет вызвана после запуска события canplaythrough, т.е. когда браузер определил, что было загружено достаточно данных для проигрывания файла до конца без нужды останавливаться для дальнейшей буферизации контента. Тип данных – объект
Строка 33:		Строка 33:
	==Возвращаемое значение==		==Возвращаемое значение==

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	Указатель на объект с видео. Тип данных – p5.MediaElement, p5.Element.		Указатель на объект с видео. Тип данных – p5.MediaElement, p5.Element.
	</syntaxhighlight>		</syntaxhighlight>
Строка 39:		Строка 39:
	==Пример==		==Пример==

	<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var vid;		var vid;
	function setup() {		function setup() {

Myagkij в 16:33, 21 сентября 2018

2018-09-21T16:33:44Z

Новая страница

{{JavaScript панель перехода}}

{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

{{Черновик}}

= createVideo() <ref>[https://p5js.org/reference/#/p5/createVideo p5js.org - createVideo()]</ref>=

==Описание==

Создает в DOM элемент <video> для проигрывания аудио/видео. По умолчанию показывается, но может быть скрыт при помощи функции hide() и нарисован на холсте при помощи функции video(). Если указан узел контейнера, присоединяется к нему, если нет – присоединяется к «телу» (<body>). Первый параметр может быть либо одним строковым путем к видеофайлу, либо массивом строковых путей к разным форматам одного и того же видео. Это может пригодиться для того, чтобы ваше видео могло проигрываться в разных браузерах, т.к. каждый из них поддерживает разные форматы видео. Более подробно о поддерживаемых форматах видео читайте на [https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats этой странице].

Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:

<syntaxhighlight lang="javascript" enclose="div">
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
</syntaxhighlight>

==Синтаксис==

<syntaxhighlight lang="javascript" enclose="div">
createVideo(src, [callback])
</syntaxhighlight>

==Параметры==

<syntaxhighlight lang="javascript" enclose="div">
src – путь к видеофайлу или массив путей к видеофайлам для поддержки разных браузеров. Тип данных – String, String[]
callback – функция обратного вызова, которая будет вызвана после запуска события canplaythrough, т.е. когда браузер определил, что было загружено достаточно данных для проигрывания файла до конца без нужды останавливаться для дальнейшей буферизации контента. Тип данных – объект
</syntaxhighlight>

==Возвращаемое значение==

<syntaxhighlight lang="javascript" enclose="div">
Указатель на объект с видео. Тип данных – p5.MediaElement, p5.Element.
</syntaxhighlight>

==Пример==

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
var vid;
function setup() {
vid = createVideo(['small.mp4', 'small.ogv', 'small.webm'], vidLoad);
}

// эта функция будет вызвана после загрузки видео:
function vidLoad() {
vid.play();
}
</syntaxhighlight>

=См.также=

=Внешние ссылки=

<references />
{{SEO
|Заголовок статьи=JavaScript: createVideo() / Онлайн справочник - wikihandbk.com
|Ключевые слова=createVideo(),
|Описание статьи=
|Адрес страницы для schemaNewsArticle=<nowiki>http://wikihandbk.com/wiki/JavaScript:Библиотеки/p5.dom/createVideo()</nowiki>
|Изображение статьи для schemaNewsArticle=<nowiki></nowiki>
|Высота изображения статьи для schemaNewsArticle=
|Ширина изображения статьи для schemaNewsArticle=
|Дата публикации для schemaNewsArticle=2018-09-15
|Автор=Мякишев Е.А.
|Издатель=myagkij
|Логотип издателя для schemaNewsArticle=<nowiki>http://wikihandbk.com/ruwiki/images/6/61/Tech_geek_logo_1x.jpg</nowiki>
|Ширина логотипа издателя для schemaNewsArticle=60
|Высота логотипа издателя для schemaNewsArticle=45
}}

JavaScript:Библиотеки/p5.dom/createVideo() - История изменений

EducationBot в 14:14, 14 мая 2023

Myagkij в 16:33, 21 сентября 2018