JavaScript:Библиотеки/p5.dom/createVideo()

Материал из Онлайн справочника
Перейти к навигации Перейти к поиску

Перевод: Максим Кузьмин (Cubewriter) Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Pixel Art Mini Meow Animated.gif Черновик


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.

Пример

1 var vid;
2 function setup() {
3   vid = createVideo(['small.mp4', 'small.ogv', 'small.webm'], vidLoad);
4 }
5 
6 // эта функция будет вызвана после загрузки видео:
7 function vidLoad() {
8   vid.play();
9 }

См.также

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