JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/clearCues(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки |
Нет описания правки |
||
Строка 4: | Строка 4: | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
= clearCues() <ref>[https://p5js.org/reference/#/p5.MediaElement/clearCues p5js.org - clearCues()]</ref>= | = clearCues() <ref>[https://p5js.org/reference/#/p5.MediaElement/clearCues p5js.org - clearCues()]</ref>= |
Текущая версия от 13:10, 18 июня 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);
}