## 楽譜エディタ（MSC-Editor）(version: )

特徴
メニュー選択方式による楽曲入力に対応した、楽譜エディタ
ブラウザベースなので、インストール不要
小学校から高等学校までの学習内容に応じたメニュー構成
２段譜に対応
歌詞入力に対応
演奏機能を実装
作成した楽譜の印刷、PNGイメージ出力が可能
日本語、英語、韓国語の３言語に対応
動作サンプル
楽譜エディタ（MSC-Editor）サンプルページへ
操作マニュアル
楽譜エディタ（MSC-Editor）操作マニュアルへ
ダウンロード
ZIPファイルをダウンロード（MSC-Editor_.zip）
フォルダ構成
+ /
+ fonts (フォルダ)
|　　　+ Bravura.woff
|　　　+ Bravura.woff2
|　　　+ BravuraText.woff
|　　　+ BravuraText.woff2
+ img (フォルダ)　　　　　(MSC-Editor 用のイメージフォルダ)
|　　　+ accentH.png
|　　　+ 　｜
|　　　+ 　｜　全107ファイル
|　　　+ 　｜
|　　　+ uppermordent.png
+ manual (フォルダ)　　　 (MSC-Editor のマニュアルフォルダ)
+ abcjs-audio.css　　　　　(abcjs のオーディオコントロール用css、一部変更有)
+ abcjs-basic_6.4.2n.js　　(abcjs のjs、一部変更有)
+ index.html　　　　　　　 (MSC-Editor のサンプルページ)
+ msc_editor.css　　　　　 (MSC-Editor のcss)
+ msc_editor.js　　　　　　(MSC-Editor のjs)
+ msc_lang.js　　　　　　　(MML-Editor2 の多言語対応用)
※ ダウンロード後、ローカルファイルから実行することもできます。
利用方法
以下により、必要な .css と .js を読み込んでください。。
<!-- abcjs -->
<link rel="stylesheet" type="text/css" href="./abcjs-audio.css">
<script type="text/javascript" src="./abcjs-basic_6.4.2n.js"></script>
<!-- MSC-Editor -->
<link rel="stylesheet" type="text/css" href="./msc_editor.css">
<script type="text/javascript" src="./msc_lang.js"></script>
<script type="text/javascript" src="./msc_editor.js"></script>
その後、onload イベントなどで、初期化関数を呼び出してください。
//--------------------------------------------------
// Initialization
//--------------------------------------------------
function init() {
initMscEditor("divContainer", callback, "Copy", "auto");
}
多言語対応
本システム「楽譜エディタ（MSC-Editor）」のメニュー等は、
日本語(ja)、英語(en)、韓国語(ko)
の ３言語に対応しています。
使用する言語は、ブラウザの言語設定に依存しますが、
//--------------------------------------------------
// Initialization
//--------------------------------------------------
function init() {
initMscEditor("divContainer", callback, "コピー", "ja");（日本語の例）
initMscEditor("divContainer", callback, "Copy", "en");（英語の例）
initMscEditor("divContainer", callback, "복사", "ko");（韓国語の例）
}
の様に、MSC-Editor.js の初期化時に、使用言語を指定することもできます。
初期化
MSC-Editor.js は、ページ内の指定<DIV>要素をコンテナにして機能します。
<!-- ====================================== -->
<!-- Editor Container -->
<!-- ====================================== -->
<div id="divContainer">
</divt>
このコンテナ内に、上記の初期化関数で MSC-Editor を構築します。
//--------------------------------------------------
// Initialization
//--------------------------------------------------
function init() {
initMscEditor("divContainer", callback, "Copy", "auto");
}
第１引数：コンテナにするDIV要素のid
第２引数：callback関数（callbackを使用しない場合は、null を指定。）
第３引数：callbackを使用する場合のボタンのキャプション
第４引数：言語指定（ auto | ja | en | ko ）
callback の詳細
MSC-Editoe の編集画面左下のボタン（ボタンキャプションは、初期化時に指定）をクリックすると、
初期化時に第２引数で指定したcallback関数が、abcソースと楽譜のPNGイメージを引数に呼ばれます。
callback 関数の例
//--------------------------------------------------
// callback
//--------------------------------------------------
function callback(abcString, pngImage) {
//Put a png image into the clipboard
setImageToClipboard(pngImage);
}
第１引数：abcソース（テキスト）
第２引数：楽譜のPNGイメージ（base64形式）
※ 詳細は、サンプルページ（index.html）のソースを参照してください。
著作権
本システム「楽譜エディタ（MSC-Editor）」の著作権は、作者に帰属しています。
ご利用にあたっての制限は、商用利用や改編、再配付を含め、設けていませんが、
本システムでは、
abcjs(https://github.com/paulrosen/abcjs) ：MIT License
W3C Standard Music Font Layout (SMuFL)(https://w3c.github.io/smufl/latest/index.html)：W3C Community Final Specification Agreement(FSA)
を、使用（abcjsについては、一部機能を拡張）していますので、その部分については、当該ソフトウェアのライセンス条項に従ってください。