JavaScript:Библиотеки/p5.sound/Класс p5.SoundFile/addCue(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
| Строка 17: | Строка 17: | ||
Чтобы использовать эту функцию, нужно подключить библиотеку p5.sound. Для этого в заголовок своего файла «index.html» впишите следующее: | Чтобы использовать эту функцию, нужно подключить библиотеку p5.sound. Для этого в заголовок своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.sound.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.sound.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 23: | Строка 23: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
addCue(time, callback, [value]) | addCue(time, callback, [value]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 29: | Строка 29: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
time – время относительно проигрывания медиаэлемента (в секундах). К примеру, если вы хотите, чтобы событие запускалось каждый раз, когда проигрывание будет доходить до 2 секунды медиаэлемента, задайте в этом параметре «2». Кроме того, этот параметр будет первым параметром для функции обратного вызова. Тип данных – number | time – время относительно проигрывания медиаэлемента (в секундах). К примеру, если вы хотите, чтобы событие запускалось каждый раз, когда проигрывание будет доходить до 2 секунды медиаэлемента, задайте в этом параметре «2». Кроме того, этот параметр будет первым параметром для функции обратного вызова. Тип данных – number | ||
callback – название функции, которая будет вызвана в заданное время. Параметрами для нее являются время ее вызова и (опционально) объект. Тип данных – функция | callback – название функции, которая будет вызвана в заданное время. Параметрами для нее являются время ее вызова и (опционально) объект. Тип данных – функция | ||
| Строка 37: | Строка 37: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Идентификатор этой отметки. Используется для функции removeCue(). Тип данных – number. | Идентификатор этой отметки. Используется для функции removeCue(). Тип данных – number. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 45: | Строка 45: | ||
===№1=== | ===№1=== | ||
<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() { | ||
background(0); | background(0); | ||
| Строка 87: | Строка 87: | ||
===№2=== | ===№2=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 93: | Строка 93: | ||
===№3=== | ===№3=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Текущая версия от 18:16, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
addCue() [1]
Описание
Задает событие, которое будет запускаться каждый раз, когда проигрывание медиаэлемента (аудио/видео) дойдет до заданной отметки.
В качестве параметров указываются функция обратного вызова, время, когда ее нужно вызвать, и опциональный параметр для функции обратного вызова.
У функции обратного вызова первый параметр – это время, а второй (опциональный) – это объект. Чтобы использовать эту функцию, нужно подключить библиотеку 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();
}
}
}
