16

シンクロナイズドギターコードでプレーンテキストの音楽歌詞を保存できるようにするための良い方法を見つけようとしています。表示されたときに、対応する単語の上の「空白」行のコードでダブルスペースでレンダリングされた歌詞を表示したいと思います。これは私自身の個人的な歌詞の本のためのものなので、最終的にレンダリングは枯れ木と画面で最も一般的になりますが、これは最終的に変更される可能性があります。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と変換されたマークダウンはここにあります：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の多くを借りました： テキストを線の上に表示するようにスタイリングします（歌詞の上のコードの場合） これは主にマークダウンの助けを求めるものなので、新しいトピックを書いています。

これまでのところ、このフォーマットの良いところは、コードを歌詞と「インライン」で記述できるため、使用するフォントに関係なく、単語と音楽の同期が保たれることです。また、マークダウン自体がかなり読みやすいという追加の利点もあります。

唯一の問題は次のとおりです。

  1. 間に単語を入れずに演奏する必要のあるコードが2つある場合、コード文字はHTMLでレンダリングされるときに互いに「オーバーラップ」します。（これは幅：0が原因だと思いますが、コードが変更されたときに歌詞のギャップをなくすために私が知る限り、これは必要です。）
  2. 同じシナリオで、最後のコードを除くすべてのコードには、コード文字の後に[]を付ける必要があります。そうしないと、2番目のコードが最初のコードの説明として解釈されます。これにより、マークダウンは私が望むよりも少し忙しくなります。

CSSで、またはマークダウンを変更することによって、これらの問題のいずれかまたは両方を解決する良い方法はありますか？そうでない場合、誰かがこれのために私自身のギターコード固有のマークアップ言語を書く以外の完全に異なる代替案を知っていますか？（このために独自のマークアップ言語を作成したとしても、問題1のサポートが必要です。）タブ形式を認識しており、必要なのはいつのことを思い出させるだけなので、かなり複雑でないものを探しています。各コードは、私の指がどこにある必要があるかを明確に示したものではありません。

ありがとう！

4

5 に答える 5

3

音楽固有の言語を使用し、見栄えの良い出力を生成するLilypondを試してみてください。

于 2012-09-03T23:42:23.643 に答える
3

スタイル付きの楽譜を作成するための独自のアプリケーションを開発するのではなく、歌集を印刷することだけを検討している場合は、この 移調アプリを確認する必要があります。

コード/歌詞のテキストファイルを貼り付けてから、古いキーと新しいキーを同じに設定すると、目的の出力が得られます。

コード名または完全なコード運指チャートを選択できます（チャートをクリックして、印刷する前に位置を変更します）。

私はこのアプリケーションには一切関わっていません。ギグの前に自分の音楽を印刷するときに、このアプリケーションを定期的に使用しています。

出力の例：

コードレターのみ。

コードフィンガーチャート

于 2012-10-26T19:50:19.350 に答える
3

歌集をうまく処理して印刷するための素晴らしいソフトウェアがあります：http：//www.patacrep.com/en/index.php 全体のセットアップはそれほど簡単ではありませんが、結果は非常に印象的です！

生のテキスト曲をこのアプリケーションに必要な形式に変換する必要がある場合は、小さなJSスクリプトを作成しました：https ：//github.com/oliverpool/guitar-tabs_songtex.js （readmeで利用可能なデモリンク）

于 2014-01-17T16:16:18.637 に答える
2

似たようなプログラムがいくつかありますが、私は「SongsheetGenerator」が一番好きです。

私は何年もそれを使用してきました、それは非常に信頼性が高く、優れた開発者サポートと「脚注」のようないくつかの素敵な小さな追加を可能にする拡張コードプロコードです。印刷されたページのフッターに配置されたテキストと画面の投影。

また、ソングシートを他の人と共有する必要がある場合、または自分自身へのリマインダーとして、特定のコードバリエーションやフレット上の特定の指の配置を指定する場合は、カスタムコード定義を定義するのも非常に簡単です。

ソングシートジェネレーター：http ：//www.tenbyten.com/software/songsgen/

于 2014-04-04T11:31:27.027 に答える
0

My G-Songbookを確認できます： https ：//my-gsongbook-2-app.appspot.com/ オプションで、図付きのコードの配置とレンダリングの前後に関係します。これはGoogleドライブアプリケーションです。

于 2017-01-02T12:22:27.713 に答える