Markdown для гитарных аккордов и текстов песен
Я пытаюсь выяснить, хороший способ, чтобы иметь возможность хранить текст песни с синхронизированными аккордами гитары. При отображении я хотел бы видеть текст, отображаемый через два интервала с аккордами в строке "пробел" над соответствующими словами. Это для моей личной лирики, поэтому в конечном итоге рендеринг будет чаще всего на мертвых деревьях против экрана, но это может измениться в конечном итоге. Я решил, что дам Markdown выстрел и смог получить следующий формат " сортировать "работает в сочетании с некоторыми CSS, чтобы теги отображались как квази-суперскрипты. Мне нравится, как работает тег , потому что у меня могут быть ссылки в нижней части файла для любых включенных аккордов:
#Supertramp - Give A Little Bit
[A]
[D]Give a little bit[A][] [D]
Give a little bit[G] of your[A] love to me[G][][A]
[D]: http://guitar.about.com/library/blchord_dmajor.htm "D major"
[G]: http://guitar.about.com/library/blchord_gmajor.htm "G major"
[A]: http://guitar.about.com/library/blchord_amajor.htm "A major"
CSS и преобразованная уценка здесь:http://jsfiddle.net/654ct/13/
h1 {
font-family: Arial;
font-size: 2em;
margin-bottom: 1em;
}
p {
line-height:1em;
margin-bottom:1.1em;
font-family: Arial;
}
a {
position: relative;
top: -1em;
display:inline-block;
width: 0;
overflow:visible;
color:#00F;
font-weight:bold;
font-family: Arial;
text-decoration: none;
}
я заимствовал большую часть CSS отсюда:стиль текста, чтобы он появился над строкой (для аккордов над текстом) I пишу новую тему, так как это в основном обращение за помощью с уценкой.
хорошая вещь об этом формате до сих пор заключается в том, что аккорды могут быть написаны "inline" с текстом, поэтому слова и музыка остаются в синхронизации независимо от того, какой шрифт используется. Также я получаю дополнительное преимущество, что сама уценка довольно читабельна.
единственная проблема:
- если есть два аккорда, которые необходимо играть без каких-либо слов между ними, символы аккордов "перекрывают" друг друга при отображении в HTML. (Я считаю, что это вызвано шириной:0; но это требуется, насколько я могу судить, чтобы устранить пробелы в лирике, когда есть изменения аккорда.)
- в том же сценарии все аккорды, кроме последнего, должны иметь [] после буквы аккорда, иначе второй аккорд будет интерпретироваться как описание первого. Это делает уценку немного более загруженной, чем мне бы хотелось.
есть ли хороший способ чтобы решить одну или обе эти проблемы с помощью CSS или путем изменения уценки? Если нет, знает ли кто-то совершенно другую альтернативу, кроме написания моего собственного языка разметки гитарных аккордов для этого? (Даже если бы я написал свой собственный язык разметки для этого, мне все равно нужна помощь с проблемой 1.) Я знаю формат вкладки, и я ищу что-то значительно менее сложное, так как все, что мне нужно, это напоминание о том, когда каждый аккорд появляется, а не явная диаграмма того, где мой пальцы должны быть.
спасибо!
5 ответов
Если вы просто смотрите на получение Книги песен, распечатанной в отличие от разработки собственного приложения для создания стилизованных музыкальных листов, то вы должны проверить это Транспозиция App.
Если вы вставляете текстовый файл аккорда / лирики, а затем устанавливаете старые и новые клавиши одинаково, это даст вам желаемый результат.
вы можете выбрать, чтобы иметь имена аккордов или полный аккорд аппликатура диаграммы (нажмите на диаграмму, чтобы изменить позиции до печать.)
Я никоим образом не связан с этим приложением - я просто использую его довольно регулярно при печати моей собственной музыки до концерта.
примеры вывода:
попробовать Lilypond, который использует специфический для музыки язык и генерирует отличный выход.
есть замечательная программа для обработки и печати красиво песенники : http://www.patacrep.com/en/index.php Вся настройка не очень проста, но результат довольно впечатляет !
Если вам нужно конвертировать необработанные текстовые песни в формат, необходимый этому приложению, я просто написал небольшой скрипт JS:https://github.com/oliverpool/guitar-tabs_songtex.js (демо-ссылка доступна на readme)
есть несколько подобных программ, но мне больше нравится "Songsheet Generator".
Я использовал его в течение многих лет, это очень надежная, хорошая поддержка разработчиков и расширенный код chordpro, который позволяет использовать некоторые приятные маленькие дополнения, такие как "сноски", т. е. текст помещается в нижний колонтитул печатной страницы и проекции экрана.
Это также очень легко определить пользовательские определения аккордов, если вам нужно поделиться songsheets с кем - то другим-или просто напоминание для себя - и вы хотите указать конкретную вариацию аккорда или даже конкретное размещение пальца на Ладах.
Генератор Songsheet:http://www.tenbyten.com/software/songsgen/
вы можете проверить мой G-Songbook: https://my-gsongbook-2-app.appspot.com/ Это касается at, до и после размещения и рендеринга аккордов с диаграммами необязательно. Это приложение Google Drive.