JavaScript:Библиотеки/p5.dom/createVideo(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
| Строка 14: | Строка 14: | ||
Чтобы использовать эту функцию, необходимо подключить библиотеку 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> | ||
| Строка 20: | Строка 20: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
createVideo(src, [callback]) | createVideo(src, [callback]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
src – путь к видеофайлу или массив путей к видеофайлам для поддержки разных браузеров. Тип данных – String, String[] | src – путь к видеофайлу или массив путей к видеофайлам для поддержки разных браузеров. Тип данных – String, String[] | ||
callback – функция обратного вызова, которая будет вызвана после запуска события canplaythrough, т.е. когда браузер определил, что было загружено достаточно данных для проигрывания файла до конца без нужды останавливаться для дальнейшей буферизации контента. Тип данных – объект | callback – функция обратного вызова, которая будет вызвана после запуска события canplaythrough, т.е. когда браузер определил, что было загружено достаточно данных для проигрывания файла до конца без нужды останавливаться для дальнейшей буферизации контента. Тип данных – объект | ||
| Строка 33: | Строка 33: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <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 | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var vid; | var vid; | ||
function setup() { | function setup() { | ||
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
createVideo() [1]
Описание
Создает в DOM элемент <video> для проигрывания аудио/видео. По умолчанию показывается, но может быть скрыт при помощи функции hide() и нарисован на холсте при помощи функции video(). Если указан узел контейнера, присоединяется к нему, если нет – присоединяется к «телу» (<body>). Первый параметр может быть либо одним строковым путем к видеофайлу, либо массивом строковых путей к разным форматам одного и того же видео. Это может пригодиться для того, чтобы ваше видео могло проигрываться в разных браузерах, т.к. каждый из них поддерживает разные форматы видео. Более подробно о поддерживаемых форматах видео читайте на этой странице.
Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
createVideo(src, [callback])
Параметры
src – путь к видеофайлу или массив путей к видеофайлам для поддержки разных браузеров. Тип данных – String, String[]
callback – функция обратного вызова, которая будет вызвана после запуска события canplaythrough, т.е. когда браузер определил, что было загружено достаточно данных для проигрывания файла до конца без нужды останавливаться для дальнейшей буферизации контента. Тип данных – объект
Возвращаемое значение
Указатель на объект с видео. Тип данных – p5.MediaElement, p5.Element.
Пример
var vid;
function setup() {
vid = createVideo(['small.mp4', 'small.ogv', 'small.webm'], vidLoad);
}
// эта функция будет вызвана после загрузки видео:
function vidLoad() {
vid.play();
}
