JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/onended(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
(не показана 1 промежуточная версия этого же участника) | |||
Строка 4: | Строка 4: | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
= onended() <ref>[https://p5js.org/reference/#/p5.MediaElement/onended p5js.org - onended()]</ref>= | = onended() <ref>[https://p5js.org/reference/#/p5.MediaElement/onended p5js.org - onended()]</ref>= | ||
Строка 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"> | ||
onended(callback) | onended(callback) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
callback – функция, вызываемая, когда завершается проигрывание медиаэлемента. Сам медиаэлемент должен быть параметром у функции обратного вызова. Тип данных – функция | callback – функция, вызываемая, когда завершается проигрывание медиаэлемента. Сам медиаэлемент должен быть параметром у функции обратного вызова. Тип данных – функция | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Тип данных – объект, p5.MediaElement. | Тип данных – объект, p5.MediaElement. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 38: | Строка 38: | ||
==Пример== | ==Пример== | ||
<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() { | ||
var audioEl = createAudio('assets/beat.mp3'); | var audioEl = createAudio('assets/beat.mp3'); |
Текущая версия от 13:10, 18 июня 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
onended() [1]
Описание
Задает событие (функцию обратного вызова), которое должно запуститься, когда завершится проигрывание аудио- или видео-элемента. Если элемент проигрывается циклически, то событие, заданное с помощью этой функции, никогда не запустится. Параметром служит функция обратного вызова, а ее параметром, в свою очередь, должен быть элемент, завершение проигрывания которого служит триггером для запуска функции обратного вызова.
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
onended(callback)
Параметры
callback – функция, вызываемая, когда завершается проигрывание медиаэлемента. Сам медиаэлемент должен быть параметром у функции обратного вызова. Тип данных – функция
Возвращаемое значение
Тип данных – объект, p5.MediaElement.
Пример
function setup() {
var audioEl = createAudio('assets/beat.mp3');
audioEl.showControls();
audioEl.onended(sayDone);
}
function sayDone(elt) {
alert('done playing ' + elt.src);
// 'проигрывание завершено '
}