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);
       //  'Кликните, чтобы остановить проигрывание!'
    }
  }
}

См.также

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