audioskazki-online.ru

Задача. Разработать адаптивный шаблон CMS Joomla для сайта "Аудиосказки онлайн". Доработать функционал плеера для прослушивания аудиосказок.

Для сайта «Аудиосказки онлайн» выполнена разработка адаптивного шаблона под CMS Joomal. Основу сайта составляют три вида контента: а) страница со сказками автора; б) страница аудиосказки; в) страница со всеми сказками подряд в плеере.

https://audioskazki-online.ru
https://audioskazki-online.ru

Для плеера со всеми сказками подряд взят модуль Vina HTML5 Audio Player, который был доработан под предоставленные требования. Результат работы можно посмотреть на следующей странице.

https://audioskazki-online.ru
https://audioskazki-online.ru

На странице аудиосказки используется плеер на основе популярного скрипта MediaElement.js. Изменен внешний вид по дизайнерским макетам. Добавлена функцию запоминания момента, на котором остановился пользователь (работает посредством использования cookie). Доработан функционал, который позволяет при наведении курсора на дорожку отображать момент времени, которому соответствует положение курсора.

https://audioskazki-online.ru
https://audioskazki-online.ru