JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/stop()
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
stop() [1]
Описание
Останавливает проигрывание HTML5-медиаэлемента (ставит время проигрывания на 0).
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
stop()
Параметры
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) {
// если аудиофайл в данный момент проигрывается,
// вызываем на объекте p5.MediaElement
// функцию stop(), чтобы остановить проигрывание
// и сбросить время проигрывания на 0
// (т.е. в следующий раз файл начнет проигрываться сначала):
ele.stop();
sampleIsPlaying = false;
text('Click to play!', width / 2, height / 2);
// 'Кликните, чтобы начать проигрывание!'
} else {
// зацикливаем проигрывание аудиофайла,
// пока не будет вызвана функция ele.stop():
ele.loop();
sampleIsPlaying = true;
text('Click to stop!', width / 2, height / 2);
// 'Кликните, чтобы остановить проигрывание!'
}
}
}