吉他和弦和歌词的降价

时间:2012-09-03 19:41:47

标签: css markdown guitar music-notation

我正在试图找出一种能够存储带有同步吉他和弦的纯文本音乐歌词的好方法。在显示时,我希望看到歌词在相应单词上方的“空白”行中以和弦双倍间距呈现。这是我自己的个人歌词书,所以最终渲染将最常见于死树与屏幕,但最终可能会改变。我想我会给Markdown一个镜头,并且当与一些CSS结合使用时能够得到以下格式“有点”工作< a>标签呈现为准上标。我有点喜欢使用< a>标签解决了,因为我可以在文件底部有任何包含和弦的参考链接:

#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)我正在写一个新主题,因为这主要是对降价帮助的呼吁。

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

唯一的问题是:

  1. 如果有两个和弦需要在其间没有任何单词播放,则在HTML中渲染时,和弦字符会相互“重叠”。 (我相信这是由宽度:0引起的;但是当有和弦变化时,这是我所要求的,以消除歌词中的间隙。)
  2. 在同一场景中,除了最后一个和弦之外的所有和弦需要在和弦字母后面有一个[],否则第二个和弦将被解释为第一个和弦的描述。这使得降价比我想要的更加繁忙。
  3. 有没有一种很好的方法可以解决CSS中的一个或两个问题或改变降价?如果没有,除了为此编写我自己的吉他和弦特定标记语言之外,是否有人知道完全不同的选择? (即使我为此编写了自己的标记语言,我仍然需要帮助解决问题1.)我知道标签格式,我正在寻找一些不那么复杂的东西,因为我需要的是提醒你何时每个和弦都不是我手指需要的明确图表。

    谢谢!

5 个答案:

答案 0 :(得分:3)

试用Lilypond,它使用特定于音乐的语言,并生成精美的输出。

答案 1 :(得分:3)

有一个很棒的软件可以处理和打印好的歌集:http://www.patacrep.com/en/index.php 整个设置不是很容易,但结果令人印象深刻!

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

答案 2 :(得分:2)

如果您只是想要打印出的歌曲书而不是开发自己的应用程序来创建样式音乐表,那么您应该看看这个 Transposition App

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

您可以选择使用和弦名称或完整的和弦指法图表(在打印前点击图表更改位置)。

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

输出示例:

Chord letter only.

Chord finger chart

答案 3 :(得分:2)

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

我已经使用它多年了,它非常可靠,良好的开发人员支持和扩展的chordpro代码,允许一些很好的小额外内容,如“脚注”,即。文本放置在打印页面和屏幕投影的页脚中。

如果您需要与其他人共享歌曲表,或者仅为自己提醒,您也可以很容易地定义自定义和弦定义,并且您想要指定特定的和弦变奏,甚至是特定的手指放置在音品上。

Songsheet Generator:http://www.tenbyten.com/software/songsgen/

答案 4 :(得分:0)

您可以查看我的G-Songbook: https://my-gsongbook-2-app.appspot.com/ 它涉及在放置和渲染带有图表的和弦之前,之后和之后。它是Google云端硬盘应用程序。