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);
}

См.также

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