Встроить JS скрипт аудиоплеера на страницу
Прошу помощи в подключении JS аудиоплеера howler.js в html страницу.
Howler - https://github.com/goldfire/howler.js#documentation
После пары часов изучения JS и немного танцев, я смог оживить верхнюю кнопку Play, Pause, и вывод информации о первом треке.
Лучше один раз взглянуть: https://codepen.io/Useryourname/project/editor/ZyNzNV
howler.js - Сам howler.
player.js - Логика работы на странице. Здесь не должно быть ссылок на треки.
songs.js - Список ссылок на треки, пока не работает.
Требуется доделать остальное:
- Переключать треки по нажатию на кнопки Вперёд\Назад.
- Выводить сверху текущую позицию трека(в секундах и графически) с возможностью перемотки.
-Выводить сверху текущие имя артиста и песню.
- При нажатии на знак динамика выключать звук, при повторном нажатии возвращать обратно.
- При изменении ползунка уровня громкости, менять эту громкость.
- При клике на Play выбранной песни - проигрывать её.
- У песни, которая проигрывается в данный момент, менять кнопку Play на Pause.
- Когда песня заканчивает проигрываться, включать следующую за ней.
Всё это базовые функции и они в большинстве реализованы в демке howler'a - https://howlerjs.com/#player . Её можно скачать на Github'e.
Без использования jQuery. Не срочно. Бюджет, к сожалению, не высокий. Если у вас есть отзывы и вы здесь не первый месяц, готов на полную предоплату.