2011/07/11
楽譜をWeb上に表示するJavaScriptライブラリ「Audiofile.cc」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,github ,MIT License ,音楽 ,HTML5
Audiofile.ccはHTML5/JavaScript製のオープンソース・ソフトウェア。Webベースのアプリケーションが増えるに従って、表現したい内容も増えている。テキスト、画像、動画、音楽以外にも様々なデータを表示したいと思っているはずだ。 0
表示例
HTML4以前ではFlashが活躍した。だが時代はHTML5に移り変わろうとしている。今はCanvasタグで様々なコンテンツを表示する。Audiofile.ccはその一つ、楽譜を表示するソフトウェアだ。 0
楽譜についてはMMLと呼ばれるマークアップ言語があるが、Audiofile.ccではそれは用いていない。あくまでも独自の記法に則って記述する必要がある。具体的にはdivタグに対してdata-note/data-pitch/data-octaveという記述で表現し、JavaScriptで楽譜に変換する。 0
HTMLコードとレンダリング結果
0
jQueryを使っているので、利用は簡単だ。またJavaScriptなのでレンダリングをダイナミックに変化させることもできる。さらにノートPCやスマートフォンの傾きセンサーを使って楽譜を上下に変化させるデモもある。アイディア次第で単なる表示するだけの楽譜ではない、楽しみ方も生まれそうだ。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
cgcardona/audiofile.cc - GitHub
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート