JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/loop()

Содержание

Резерв

Резерв

Резерв

Резерв

Резерв

Библиотеки

Резерв

Резерв

Резерв

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

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

loop()

Описание

Запускает и зацикливает проигрывание HTML5-медиаэлемента.

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

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

Синтаксис

loop()

Параметры

void

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

Тип данных – объект, p5.Element.

Пример

// В этом скетче-примере клик по холсту
// запустит и зациклит проигрывание аудиофайла,
// пока пользователь снова не кликнет по холсту,
// чтобы остановить его проигрывание.

// в этой переменной будет храниться объект p5.MediaElement:
var ele;

// пока аудиофайл будет проигрываться,
// эта переменная будет иметь значение «true»:
var sampleIsLooping = false;

function setup() {
  // здесь мы создаем объект p5.MediaElement 
  // при помощи функции createAudio():
  ele = createAudio('assets/lucky_dragons.mp3');
  background(200);
  textAlign(CENTER);
  text('Click to loop!', width / 2, height / 2);
   //  'Кликните, чтобы запустить и зациклить проигрывание!'
}

function mouseClicked() {
  // здесь мы проверяем, находится ли
  // курсор мышки над холстом во время клика:
  if (mouseX >= 0 && mouseX <= width && mouseY >= 0 && mouseY <= height) {
    background(200);

    if (!sampleIsLooping) {
      // циклически проигрываем аудиофайл,
      // пока не будет вызвана функция ele.stop():
      ele.loop();

      sampleIsLooping = true;
      text('Click to stop!', width / 2, height / 2);
       //  'Кликните, чтобы остановить проигрывание!'
    } else {
      ele.stop();

      sampleIsLooping = false;
      text('Click to loop!', width / 2, height / 2);
       //  'Кликните, чтобы запустить и зациклить проигрывание!'
    }
  }
}