JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/clearCues(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
clearCues(id) | clearCues(id) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
id – ID отметки. Можно узнать с помощью функции addCue(). Тип данных – number | id – ID отметки. Можно узнать с помощью функции addCue(). Тип данных – number | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
void | void | ||
</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"> | ||
var audioEl; | var audioEl; | ||
function setup() { | function setup() { |
Версия от 19:53, 23 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Черновик |
clearCues() [1]
Описание
Удаляет все отметки, ранее заданные при помощи функции addCue().
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
clearCues(id)
Параметры
id – ID отметки. Можно узнать с помощью функции addCue(). Тип данных – number
Возвращаемое значение
void
Пример
var audioEl;
function setup() {
background(255, 255, 255);
audioEl = createAudio('assets/beat.mp3');
// показываем средства управления медиаэлементом,
// используемые по умолчанию вашим браузером:
audioEl.showControls();
// несколько раз вызываем функцию changeBackground():
background(200);
text('Click to change Cue!', 10, 25, 70, 80);
// 'Кликните, чтобы поменять отметки!'
audioEl.addCue(0.5, changeBackground, color(255, 0, 0));
audioEl.addCue(1.0, changeBackground, color(0, 255, 0));
audioEl.addCue(2.5, changeBackground, color(0, 0, 255));
audioEl.addCue(3.0, changeBackground, color(0, 255, 255));
audioEl.addCue(4.2, changeBackground, color(255, 255, 0));
}
function mousePressed() {
// удаляем все предыдущие отметки:
audioEl.clearCues();
// добавляем новые отметки:
audioEl.addCue(1, changeBackground, color(2, 2, 2));
audioEl.addCue(3, changeBackground, color(255, 255, 0));
}
function changeBackground(val) {
background(val);
}