Develop

[OctopussyO]

Ссылка на gh-pages

Верстка отзывчивая. Реализована основная функциональность.

Из легализованного дополнительного:

• есть возможность перемещать ползунок плеера (onClick, onMove),
• при смене треков меняется фон приложения,
• плавность: анимированы ховеры для ссылок, раскрытие плеера, выпадающий ссылок на маленьких разрешениях разрешениях, плавная смена фона при переключении треков,
• если название исполняемого трека не помещается в контейнер, "появляется" бегущая строка (в контейнере с треками при переполнении просто троеточие, мы посчитали, что иначе очень много подвижных элементов),
• бегущая строка работает и при ресайзе и при раскрытии плеера,
• есть кастомная валидация формы,
• добавлено предупреждение о том, что необходимо заполнить все поля формы,
• есть визуализация аудио для десктопов и планшетов. Для мобильных устройств визуализацию отключаем, т.к. на айфонах всё-таки дергается звук. На планшетах оставили, звук ровный, но может подрагивать, если агрессивно перематывать сразу после запуска песни (аудио не успевает полностью загружаться).

Так же есть заготовка API для отправки формы и получения информации о треках.

Из отсебятины:

• добавлено свечение на кнопки при наведении,
• добавлено размытие границ контейнеров с текущим треком и со списком треков,
• добавлены прелоадеры на загрузку названия и кавера трека, в случае отсутствия у трека обложки загружается заглушка,
• добавлены медиазапросы для ландшафтной ориентации,
• добавлено лёгкое затемнение фона при открытом состоянии плеера на малых разрешениях для лучшей читаемости текста,
• добавлен несколько отличающийся от макета ховер на кнопку отправки формы (в качестве предложения, наклон текста был мало заметен)?
• добавлен favicon.
  Ещё мы сделали вот такую визуализацию, но немного не успели её оптимизировать (на мобильных устройствах начинает сбиваться немного звук), она сейчас лежит в отдельной ветке, выглядит вот так.

Сейчас треки лежат файлами в папке src/db/audio
Цвета фона сделали градиентами, потому что даже при оптимизированных картинках приложение очень долго загружалось.
Не успели сделать изменение цвета текста при смене треков, но для этого почти всё готово (поле с цветом в объекте трека есть, иконки сделаны svg-компонентами).

[spacehaz]

мне нравится как реализовано, единственное (в том числе с точки зрения UX) меня немного смутило пара моментов:

1. почему то при закрытии/открытии плеера ползунок меняет свое положение (понимаю что не доделано еще, просто обратите внимание)
2. плеер закрывается моментально, а открывается с задержкой. если это задумка, то оставляйте) просто обратите тоже на это внимание
3. откажитесь от браузерных формулировок ошибок, они должны быть кастомными и человекочитаемыми, так как сайтом будут пользоваться русскоязычные пользователи без достаточного понимания формулировок которые есть на данный момент. Для этого смотрите в сторону содержимого объекта validity