JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/noLoop(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
noLoop() | noLoop() | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
void | void | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Тип данных – объект, p5.Element. | Тип данных – объект, p5.Element. | ||
</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"> | ||
// В программе, созданной этим скетчем-примером, | // В программе, созданной этим скетчем-примером, | ||
// пользователь может запустить и остановить | // пользователь может запустить и остановить | ||
Версия от 19:53, 23 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
noLoop() [1]
Описание
Отключает циклическое проигрывание HTML5-медиаэлемента. В результате, когда воспроизведение элемента дойдет до конца, проигрываться сначала он больше не будет.
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
noLoop()
Параметры
void
Возвращаемое значение
Тип данных – объект, p5.Element.
Пример
// В программе, созданной этим скетчем-примером,
// пользователь может запустить и остановить
// зацикливание проигрывания аудиофайла
// при помощи клика мышкой по холсту.
// это переменная для хранения объекта p5.MediaElement:
var ele;
// пока аудиофайл будет проигрываться,
// эта переменная будет иметь значение «true»:
var sampleIsPlaying = false;
function setup() {
// здесь мы создаем объект p5.MediaElement
// при помощи функции createAudio():
ele = createAudio('assets/beat.mp3');
background(200);
textAlign(CENTER);
text('Click to play!', width / 2, height / 2);
// 'Кликните, чтобы начать проигрывание!'
}
function mouseClicked() {
// здесь мы проверяем, находится ли
// курсор мышки над холстом во время клика:
if (mouseX >= 0 && mouseX <= width && mouseY >= 0 && mouseY <= height) {
background(200);
if (sampleIsPlaying) {
ele.noLoop();
text('No more Loops!', width / 2, height / 2);
// 'Зацикливание отключено!'
} else {
ele.loop();
sampleIsPlaying = true;
text('Click to stop looping!', width / 2, height / 2);
// 'Кликните, чтобы выключить зацикливание!'
}
}
}
