Музквиз, ёмоё

Чтобы весь мир знал, что я время от времени занимаюсь проектом, вот чейнджлог, с момента запуска 17.07.18:

• 11.02.23 Переносил проекты со старого сервера на новый, дошло дело до квиза. Удивляюсь, как это вообще работает.

  Я и правда использовал печени для табов. Вместо localStorage 🤦‍♂️

• Добавить сжатие js и html, чтобы было не так стыдно (особенно js)
• Добавить гайд, как это работает и какая кнопка чо делает
• 20.09.18 Поправил кнопку отправки результатов так, чтобы избежать двойного нажатия. А ещё такое ощущение, что отвалилась кнопка входа через ВК, но пока не могу понять, почему
• 16.08.18 Добавить интерактив: логин через FB, VK и гугол, чтобы не бегать за каждым (хотя будем честными: это никому не надо)

  Какие дела, короче. FB на волне своих промашек с утечками данных и всем прочем попросил меня заполнить сто тыщ полей, прислать скан всех страниц паспорта, CVV/CVC код зарплатной карточки, описание приложения, объяснение, чем оно поможет пользователям, а так же предоставить скринкаст взаимодействия пользователя с приложением(!!!). Я, короче, собрал все силы в кулак, всё отправил и всё сделал, и они мне отказали. И я решил, что не очень-то и хотелось

• 09.08.18 Добавить выбор формата для оптимизации трафика (большей частью ради мобил)
• 23.07.18 Добавить шару в соцсети
• 19.07.18 Запоминать настройки (громкость и последний открытый таб) печенями

Что тут происходит?

Изначально я по субботам (чаще всего) записывал пару песен пьяным, которые кое-как знаю на гитаре, а потом кидал их в ЛС ВКонтакте заинтересованным (ха-ха) лицам аудиомессагой. Они слушали, пока было терпение, а потом писали свои догадки, что и в каком месте на что похоже.

Контакт жрал качество, что было критично для и без того крайне скудной по качеству записи. И, ясное дело, так долго продолжаться не могло, несмотря даже на то, что выигрыш, а зачастую и просто участие, сулили мелкие приятности вроде пиваса или мороженого (нескольких счастливчиков даже настигли призы в реальной жизни). Так что я решил это хотя бы как-то обстряпать удобнее. Подходящего JS плэера не нашлось, так что я сделал свой. А потом понеслось: админка, разделение на сегменты, это модальное окно и прочее. И дошло всё до того, с чем мы имеем дело сейчас: интерактив.

Если честно, до добавления функционала с интерактивом квиз мне нравился больше, потому что был минималистичный. Однако это не решало главную задачу автоматизации сбора ответов. А исходя из того, что сюда вряд ли доберётся кто-то, кто пожалеет для меня авторизации через ВК или FB, я решил этим способом и воспользоваться. После авторизации я получаю имя из профиля + допом в FB валится мыло, которое мне не нужно.

Дальше можно не читать, т.к., во-первых, я не хотел этого писать, а, во-вторых, там ничего нет такого, о чём не сказано выше.

Политика конфиденциальности

После авторизации я получаю имя, указанное в профиле, и мыло, на которое он зарегистрирован. Мыло идёт по умолчанию и только у FB, мне оно вообще никак не пригодится. Имя попадает в базу вместе с результатами теста и нужно для того, чтобы я знал, кто и как сыграл.
Честное слово, я никому ничего не скажу.
Спасибо за внимание.

Как это работает?

• Нужно авторизоваться через соцсетку
• В блоке с отрезками появятся поля для ввода названия исполнителя и трека. Каждому отрезку соответствуют свои два поля. Переключаться между ними можно выбором отрезка
• Заканчиваешь, нажимаешь Отправить и всё
• За каждый ответ можно получить 1 балл (по полбалла за исполнителя и название). Максимум баллов равен количеству отрезков.

Если не хочется ничего этого делать, то знай: я тебя понимаю. Я это всё сделал просто так.