Аудиоплеер в Articulate Storyline без программирования

Звуки часто используются в электронных курсах. С их помощью мы можем дублировать текст на слайдах, использовать для обратной связи или для того, чтобы привести пример. При этом штатными средствами в Articulate Storyline мы можем лишь добавить аудиодорожку к слайду, которая будет запускаться или приостанавливаться по триггеру. А что делать, если необходимо реализовать прокрутку звукового файла и видеть его продолжительность? Приходится либо придумывать сложные схемы, либо хитрить.

Сложный путь.

Добавляем аудиофайлы на разных слоях: по одному на слой. Создаём числовые переменные, которые будут отвечать за отображение времени ролика в секундах и минутах (отдельные переменные). Настраиваем переменные таким образом, чтобы:

1. Переменная, отвечающая за секунды, увеличивалась на 1 каждую секунду. Для этого можно за пределами видимости добавить любую фигуру с анимацией, которая будет длиться 1 секунду. Как только анимация завершается, переменная увеличивается на 1, а анимация воспроизводится снова.
2. Как только переменная, отвечающая за секунды, становится больше 59, она приравнивается к 0, а переменная, отвечающая за минуты, увеличивается на 1.

Добавляем текстовый блок, отображающий %минуты%:%секунды%/длительность аудиоролика. На главном слое при нажатии на кнопку воспроизведения выбранного аудиоролика открывается нужный слой с этим роликом и сбрасываются до нуля переменные, отвечающие за секунды и минуты. Чтобы сделать отображение времени красивым, лучше разбить его на %секунды_единицы%, %секунды_десятки%, %минуты_единицы%, %минуты_десятки%. Как видите, вариант получился очень сложный. Но есть и...

2. Простой путь.

Берём любую программу для видеомонтажа, например, Hitfilm Express. Создаём новый проект с размером экрана, например, 500х2 пикселя (делаем видео минимально возможной высоты и/или в цвет фона курса). Добавляем аудиофайл в виде аудиодорожки и экспортируем как mp4. Добавляем видеофайл в Storyline. Во вкладке Options выбираем Show Video Controls: Below Video. Максимально стараемся замаскировать полоску в 1-2 пикселя. Вуаля! У нашего аудиофайла появились кнопочки воспроизведения, паузы и свой таймлайн, на котором отображается текущее время воспроизведения и общая длительность ролика. Таймлайн можно использовать и для навигации по аудиоролику. А вот и пример. Можете попереключаться между треками, перематывать аудио. [advanced_iframe src="/media/player-as/story_html5.html" width="100%" height="200"] Итак, несмотря на то, что штатного аудиопроигрывателя в Storyline нет, мы смогли обойти это ограничение. Безусловно, люди, знакомые с JavaScript, могут написать или просто найти в Интернете код аудиоплеера с плейлистом, красивыми кнопками и прочими плюшками, поместить всё аудиофайлы в отдельную папку и настроить ссылки. Но можно обойтись и штатными средствами приложения по воспроизведению видео. И для большинства ситуаций этого будет достаточно.

---

Понравилась статья? Подпишитесь на нашу рассылку, чтобы читать статьи сразу после публикации. Вступайте в наши группы Вконтакте, Facebook, Twitter и Instagram.