Skip to content

楽譜にテクノロジーを

あなたのサイトに楽譜を埋め込む

Flatのユニークな技術を使用すれば、楽譜やタブ譜をどんなWebページにも埋め込むことができます。閲覧・再生・編集できる楽譜を埋め込んで、あなたのブログやサイトを訪れるユーザーに新たな体験を提供しましょう。

埋め込み方法

5分あれば開発知識がなくても作成することができます。
1

Flatで作成した楽譜を選択するか、MusicXMLやMIDIで既存の楽譜をFlatにインポートします。

2

ジェネレーターで表示オプションを選択します。

3

HTML5コードをコピーして、利用したいウェブやブログにペーストしてください

埋め込みを作成
Flat embed code slider

インタラクティブ

ユーザーは楽譜を閲覧・再生・編集することが可能です。体験を提供することでエンゲージメントを高めましょう。
Embed Audio Controls

レスポンシブ

楽譜のレイアウトは解像度によって自動適応し、ユーザーは利用するデバイスに関係なくスムーズな体験を得ることができます。
Embed Responsive example

体験できる楽譜をあなたのサイトに

設定をカスタマイズして、使用目的に最適な埋め込みを作成しましょう。
今すぐ試す
体験版

開発者向けにデザインされたパワフルなJavaScript API

Flatで利用しているのと同じJavaScript APIを採用。埋め込みに関する全ての設定をコントロールすることが可能です。

詳しく確認
<div id="embed-container"></div>
<button id="export-xml">Export to MusicXML</button>

<script src="https://prod.flat-cdn.com/embed-js/v1.1.0/embed.min.js"></script>
<script>
  var container = document.getElementById('embed-container');
  var embed = new Flat.Embed(container, {
    // The score hosted on Flat we use here as template.
    // You can also use `embed.loadMusicXML(file)` to load your files on the fly
    score: '56ae21579a127715a02901a6',
    embedParams: {
      mode: 'edit',
      appId: '59e7684b476cba39490801c2',
      // Simple customizations
      branding: false,
      controlsPosition: 'top',
    }
  });

  // Export the file when we click on the button
  document.getElementById('export-xml').addEventListener('click', function () {
    embed.getMusicXML({ compressed: true }).then(function (buffer) {
      // Exported MusicXML file in `buffer`
    });
  });
</script>
作成開始

利用規模に応じた価格設定

コミュニティ
無料

非商用利用

利用規模

Viewer: ページ/月

Editor: アクティブユーザー/月

追加オプション

利用できる追加オプションはありません。

利用可能な機能

インタラクティブ表示

埋め込み可能な編集機能

JavaScript API

Flat無料アカウント:1

保存可能スコア:15件

ビギナー
/月
利用規模

Viewer: ページ/月

Editor: アクティブユーザー/月

追加オプション

Viewer: / 1,000ページ

Editor: /アクティブユーザー

利用可能な機能

商用利用可

Flatロゴ非表示

カスタマイズオプション

MIDI出力

Flat Powerアカウント:1

保存可能スコア:無制限

プロ
/月
利用規模

Viewer: ページ/月

Editor: アクティブユーザー/月

追加オプション

Viewer: / 1,000ページ:

Editor: /アクティブユーザー

利用可能な機能

Techサポート

料金

利用開始

エンベッドを利用してみましょう。

たった数分で埋め込みを完了することができます。Flatで楽譜作成または既存の楽譜をインポートして、あなたのサイトにエンベッドを作成してみましょう。