HTML5で最も効果的に楽譜のシートを表示できますか？

Question

私は現在、ソフトウェアエンジニアリング学位の最終年度のプロジェクトに取り組んでいます。私は自分のプロジェクトがHTML5を使ってWebブラウザ（特にGoogle Chrome）にコードシートを表示するWebアプリケーションを開発することになると決めました。アイデアは、バンドの各メンバーが、彼らがログインできるアプリケーションにアクセスすることができる、彼らの前に（iPad、ラップトップなどの）デバイスのいくつかの並べ替えを持っている可能性がありますセットの進行として、そのデータベースに格納されている注釈を追加してから、曲がそのスクリ - ンに表示されるたびにユーザに表示されます。

ただし、このすべてをブラウザウィンドウに表示するにはどのように問題がありますか。ブラウザウィンドウに表示されるPDFドキュメントの外観と似た外観を持ち、ユーザーが水平および垂直にスクロールしたり、PDFドキュメントを表示しているかのようにズームイン/ズームアウトしたりできます。 SVGグラフィックスを使用してこれを達成する最良の方法はありますか？それとも別の方法がありますか？

レンダリングのスピードが重要になるのは、これがライブ状況で使用される可能性のあるシステムであり、ページの読み込み/レンダリング時間をできるだけ低く保つ必要があるということです。

あなたのご意見は大変ありがとうございます。

Answer 1

チェックアウトVexflow！これは完全にJavaScriptで書かれたWebベースの楽譜表示APIで、ブラウザで正しく動作します。open-source VexFlowはHTML5のキャンバスとSVGをサポートしています。

Here’s a demoおよびhere’s a tutorial。