楽譜エディタ（MSC-Editor）

メニュー選択方式による楽曲入力に対応した、楽譜エディタ
ブラウザベースなので、インストール不要
小学校から高等学校までの学習内容に応じたメニュー構成
２段譜に対応
歌詞入力に対応
演奏機能を実装
作成した楽譜の印刷、PNGイメージ出力が可能
日本語、英語、韓国語の３言語に対応

+ /

+ 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 を読み込んでください。。

<link rel="stylesheet" type="text/css" href="./abcjs-audio.css">
<script type="text/javascript" src="./abcjs-basic_6.4.2n.js"></script>

<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 イベントなどで、初期化関数を呼び出してください。

本システム「楽譜エディタ（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>要素をコンテナにして機能します。

<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については、一部機能を拡張）していますので、その部分については、当該ソフトウェアのライセンス条項に従ってください。

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