Комментарии 40
Можно обалденный сайт сделать для музыкантов.
— Добавить режим обучения (с мигание в так и что-то такое :)
— Зарабатывать на рекламе концертов и магазинах инструментов.
А вообще музыканты скажут вам большое спасибо!
— Добавить режим обучения (с мигание в так и что-то такое :)
— Зарабатывать на рекламе концертов и магазинах инструментов.
А вообще музыканты скажут вам большое спасибо!
Идеи о сайте уже слышал, а вот про обучение — это что-то новенькое, спасибо за идею )
редактор табулатур с веб-интерфейсом был бы офигенным стартапом :)
Я всмысле «не оно»? )
Не вы все путаете аппликатуру, что я тут привожу, и табулатуру.
У них там конечно мощно сделано, думаю там не мало флеш программеры поработали, там еще и слушать как это звучит можно — классный сервис, только русских песен жалко нет.
У них там конечно мощно сделано, думаю там не мало флеш программеры поработали, там еще и слушать как это звучит можно — классный сервис, только русских песен жалко нет.
Нашел — есть русские песни! Би-2 — Серебро например. Только нет у них навигации по другим языкам.
Есть теги: www.songsterr.com/a/wa/tag?name=russian
Я боюсь, табулатуры без Flash или SVG не сделать, так как там много специфичных символов, которых наверно и нет в HTML, там же кроме самих нот указывается еще очень много разных доп. знаков, например, каким приемом играется этот аккорд и т.д.
кстати в каком-то из виндовых шрифтов (то ли Symbol, то ли Wingdigs) есть буллеты с циферками внутри. Может, их использовать? Хотя пока эмбединг шрифтов в хтмл не сделают, будут страдать линуксоиды, наверное.
НЛО прилетело и опубликовало эту надпись здесь
недостаток в том, что не всякий мобильный браузер отрендерит это правильно и сохранять нужно весь документ, иногда лучше картинки.
Может стоит посмотреть в сторону векторной графики? raphaeljs.com
с мобильных браузеров, по-моему, по табам не очень удобно играть =)
а я не ставил цели поупражняться в css.
просто сделал такую работающую штуку rukeba.com/chords/
без рисунков.
просто сделал такую работающую штуку rukeba.com/chords/
без рисунков.
За это я и люблю web-прогресс. Просто слов нет :)
Я сам нечто похожее делал, но так и не доделал до конца, выражаю свой респект.
Спасибо.
silkleo.ru/chords/examples.html
Вот, нашел в своих закромах, если вдруг интересно.
Реализация примерно схожая с вашей (что, в общем-то не удивительно), только я вместо текстовых буллетов решил использовать блоки с рамкой и бэкграундом, чтобы не париться с размерами и типами шрифтов. Аналогичные блоки, только с большей высотой используются для баррэ. Ну, и плюс у меня все как-то более схематично и без указания пальцев, потому как штуку делал по большей части для себя.
Любой «струне» можно сказать class=active, тогда она загорится зеленым (видно на третьем примере). Таким образом планировалось сделать анимацию перебора для правой руки. Плюс, еще была идея, маргинами «раскачивать» зажатые струны.
Пример довольно сырой, жестко глючит в шестом ИЕ (я под него код вообще не затачивал). В более старших версиях ИЕ и прочих браузерах отображается плюс-минус адекватно. У вас спер центрирование названия аккорда и римское обозначение лада (изначально использовались арабские цифры).
Вот, нашел в своих закромах, если вдруг интересно.
Реализация примерно схожая с вашей (что, в общем-то не удивительно), только я вместо текстовых буллетов решил использовать блоки с рамкой и бэкграундом, чтобы не париться с размерами и типами шрифтов. Аналогичные блоки, только с большей высотой используются для баррэ. Ну, и плюс у меня все как-то более схематично и без указания пальцев, потому как штуку делал по большей части для себя.
Любой «струне» можно сказать class=active, тогда она загорится зеленым (видно на третьем примере). Таким образом планировалось сделать анимацию перебора для правой руки. Плюс, еще была идея, маргинами «раскачивать» зажатые струны.
Пример довольно сырой, жестко глючит в шестом ИЕ (я под него код вообще не затачивал). В более старших версиях ИЕ и прочих браузерах отображается плюс-минус адекватно. У вас спер центрирование названия аккорда и римское обозначение лада (изначально использовались арабские цифры).
О! а самое классное было бы сделать на JS. Пользователь выставляет маркеры — пальцы, нажимает кнопку, данные уходять ajax, а сервер возвращает миди-звучание этого аккорда))))
Пользователь может подбирать аккорды, тренировать память, распечатывать и т.д.
Пользователь может подбирать аккорды, тренировать память, распечатывать и т.д.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Продолжение идеи записи гитарных аккордов в HTML. Версия 3, оптимизированные варианты