吉他和弦和歌词的降价答案

【问题标题】：Markdown for Guitar Chords and Lyrics吉他和弦和歌词的降价
【发布时间】：2012-08-28 12:11:11
【问题描述】：

我正在尝试找出一种能够存储带有同步吉他和弦的纯文本音乐歌词的好方法。显示时，我希望看到歌词在相应单词上方的“空白”行中以双倍行距呈现。这是我自己的个人歌词书，因此最终渲染将最常见于死树和屏幕上，但这最终可能会改变。我想我会给 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 和转换后的 markdown 在这里：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：Styling text to make it appear above the line (for chords above the lyrics) 我正在写一个新主题，因为这主要是为了寻求降价帮助。

到目前为止，这种格式的好处是和弦可以与歌词“内联”编写，因此无论使用什么字体，歌词和音乐都能保持同步。此外，我还获得了降价本身相当易读的额外好处。

唯一的问题是：

如果有两个和弦需要播放而中间没有任何单词，则在 HTML 中呈现时，和弦字符会相互“重叠”。（我相信这是由宽度：0 引起的；但据我所知，这是在和弦变化时消除歌词中的间隙所必需的。）
在相同的场景中，除了最后一个和弦之外的所有和弦都需要在和弦字母之后有一个 []，否则第二个和弦将被解释为对第一个和弦的描述。这使得降价比我想要的更忙。

有没有一种好方法可以通过 CSS 或更改降价来解决这些问题中的一个或两个？如果没有，除了为此编写我自己的吉他和弦特定标记语言之外，是否有人知道完全不同的替代方案？（即使我确实为此编写了自己的标记语言，我仍然需要解决问题 1 的帮助。）我知道选项卡格式，并且我正在寻找一些不太复杂的东西，因为我需要的只是提醒何时每个和弦都不是我手指需要放在哪里的明确图表。

谢谢！

【问题讨论】：

标签： css markdown guitar music-notation

【解决方案1】：

试试Lilypond，它使用一种特定于音乐的语言，并生成漂亮的输出。

【讨论】：

感谢克雷格的建议。 Lillypond 看起来很有趣，但不幸的是，对我来说，它似乎非常倾向于创作乐谱。我几乎看不懂音乐，主要对将歌词与和弦变化同步感兴趣。
@nycdotnet 够公平的。我想你是对的，如果你不想要任何吉他谱或音乐符号。

【解决方案2】：

如果您只是想打印出歌曲集，而不是开发自己的应用程序来创建样式化的乐谱，那么您应该看看这个 Transposition App.

如果您粘贴一个和弦/歌词文本文件，然后将旧键和新键设置为相同，它将为您提供所需的输出。

您可以选择和弦名称或完整的和弦指法图表（在打印之前单击图表以更改位置）。

我没有以任何方式参与此应用程序 - 我只是在演出前打印出自己的音乐时经常使用它。

输出示例：

Chord letter only.

Chord finger chart

【讨论】：

这似乎非常接近我想要的。谢谢！

【解决方案3】：

有一个很棒的软件可以很好地处理和打印歌本：http://www.patacrep.com/en/index.php 整个设置不是很容易，但结果却相当令人印象深刻！

如果您需要将原始文本歌曲转换为此应用程序所需的格式，我只是写了一个小 JS 脚本：https://github.com/oliverpool/guitar-tabs_songtex.js（自述文件中有演示链接）

【讨论】：

【解决方案4】：

有几个类似的程序，但我最喜欢“Songsheet Generator”。

我已经使用了多年，它非常可靠，良好的开发人员支持和扩展的 chordpro 代码，允许添加一些不错的小附加功能，例如“脚注”，即。放置在打印页面和屏幕投影页脚的文本。

如果您需要与其他人分享乐谱 - 或者只是给自己的提醒 - 并且您想指定特定的和弦变化，甚至是特定的手指在品格上的位置，定义自定义和弦定义也非常容易。

歌单生成器：http://www.tenbyten.com/software/songsgen/

【讨论】：

【解决方案5】：

您可以查看 My G-Songbook： https://my-gsongbook-2-app.appspot.com/ 它涉及在放置和渲染和弦时、之前和之后可选地带有图表。这是一个 Google Drive 应用程序。

【讨论】：