Как сделать автоматическое воспроизведение аудиофайла в нужном месте страницы (при скролинге).

Если есть необходимость не просто сделать autoplay при загрузке страницы, то можно воспользоваться плагином Aesop Story Engine.

После установки в редакторе  появится «Add Component».

Не знаю почему, но использовать ее надо только в текстовом редакторе. В нем вставляется шорткод и все работает, в визуальном редакторе вставляется какой-то нерабочий HTML код.

Позволяет запускать аудио при появлении на экране нужного (где установлен шорткод) фрагмента, остановки воспроизведения (так же настраивается) после «ухода» за границы экрана.

При повторном появлении, воспроизведение продолжается (т.е. как бы ставится на паузу и продолжается)

Неудобно, что если выбрана опция показать аудио плеер, то при ручной постановки на паузу, происходит реверс установок — при уходе с экрана начинает воспроизводиться, при появлении — пауза.

Что будет при отключении автоматической паузы при уходе с экрана не проверял, возможно при появлении — будет меняться статус play/pause при исчезновении ничего не будет происходить.

Плагин еще обладает несколькими интересными возможностями, с которыми я не стал разбираться.

  • Авто воспроизведение видео при скролинге
  • Эффект параллакса для изображений
  • Галерея (создается отдельно)
  • Эффекты появления изображений на страницы
  • Автоматический скролл карты(!)

и тд.


  • Другие статьи:

    Comments are closed