JavaScript:Библиотеки/p5.sound/Класс p5.SoundFile/addCue()

Содержание

Резерв

Резерв

Резерв

Резерв

Резерв

Библиотеки

Резерв

Резерв

Резерв

Перевод: Максим Кузьмин

Проверка/Оформление/Редактирование: Мякишев Е.А.

Черновик

addCue()

Описание

Задает событие, которое будет запускаться каждый раз, когда проигрывание медиаэлемента (аудио/видео) дойдет до заданной отметки.

В качестве параметров указываются функция обратного вызова, время, когда ее нужно вызвать, и опциональный параметр для функции обратного вызова.

У функции обратного вызова первый параметр – это время, а второй (опциональный) – это объект. Чтобы использовать эту функцию, нужно подключить библиотеку p5.sound. Для этого в заголовок своего файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.sound.js"></script>

Синтаксис

addCue(time, callback, [value])

Параметры

time – время относительно проигрывания медиаэлемента (в секундах). К примеру, если вы хотите, чтобы событие запускалось каждый раз, когда проигрывание будет доходить до 2 секунды медиаэлемента, задайте в этом параметре «2». Кроме того, этот параметр будет первым параметром для функции обратного вызова. Тип данных – number
callback – название функции, которая будет вызвана в заданное время. Параметрами для нее являются время ее вызова и (опционально) объект. Тип данных – функция
value – объект, служащий вторым параметром для функции обратного вызова. Тип данных – объект

Возвращаемое значение

Идентификатор этой отметки. Используется для функции removeCue(). Тип данных – number.

Пример

№1

function setup() {
  background(0);
  noStroke();
  fill(255);
  textAlign(CENTER);
  text('click to play', width/2, height/2);

  mySound = loadSound('assets/beat.mp3');

  // schedule calls to changeText
  mySound.addCue(0.50, changeText, "hello" ); 
  mySound.addCue(1.00, changeText, "p5" );
  mySound.addCue(1.50, changeText, "what" );  
  mySound.addCue(2.00, changeText, "do" );
  mySound.addCue(2.50, changeText, "you" );    
  mySound.addCue(3.00, changeText, "want" );  
  mySound.addCue(4.00, changeText, "to" );
  mySound.addCue(5.00, changeText, "make" );
  mySound.addCue(6.00, changeText, "?" );  //  все вместе:
                                           //  "привет, p5! 
                                           //  что хочешь сделать?"
}

function changeText(val) {
  background(0);
  text(val, width/2, height/2);
}

function mouseClicked() {
  if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
    if (mySound.isPlaying() ) {
      mySound.stop();
    } else {
      mySound.play();
    }
  }
}