無料ウェブツール

あなたのウェブサイトに無料のピアノを埋め込む

自分で作らなくても、読者に本物の弾けるピアノを届けられます。言語を選び、サイズを選んで、1行のコードをコピーするだけ — 鍵盤はあなたのページの中でそのまま動き、本物のグランドピアノの音を鳴らし、インストールするものは何もありません。音楽ブログ、講師、レッスンページに最適です。

ウィジェットの言語

サイズ

ライブプレビュー

<iframe src="https://pianoaura.app/embed/ja/keyboard/" title="Piano Aura — オンラインでピアノを弾く" width="100%" height="540" style="border:0;border-radius:16px;max-width:680px" loading="lazy" allow="autoplay"></iframe>
<p style="margin:8px 0 0;max-width:680px;font:14px/1.4 system-ui,-apple-system,sans-serif"><a href="https://pianoaura.app/ja/tools/keyboard/" style="color:inherit">Piano Aura — オンラインでピアノを弾く</a></p>

無料で使えます — リンクはそのままに

このウィジェットはどんなサイトにも無料で埋め込めます。広告はなく、Piano Auraへの小さなリンクを残すので、読者はこのピアノがどこから来たのかを知ることができます。そのリンクはそのまま残してください。

スマホで完全なピアノを使いたいですか？

このウィジェットはPiano Auraの「ピアノ」をひと足先に体験できるものです。アプリでは、より多くの音色、レッスン、弾いた演奏を録音する機能とともに、本格的なピアノ全体が使えます — すべてあなたのiPhoneで。

ダウンロードはこちら

App Store

自分のウェブサイトに弾けるピアノを追加できますか？

はい。上の埋め込みコードをコピーしてページのHTMLに貼り付けると、本物のグランドピアノの音を鳴らす、完全に弾けるピアノ鍵盤が表示されます — プラグインもアカウントも不要で、訪問者がインストールするものもありません。コードをコピーする前に、ウィジェットの言語と高さを選べます。

ピアノの埋め込み方

1言語とサイズを選ぶ. 訪問者が読む言語と、レイアウトに合う高さを選びます。ライブプレビューが更新されるので、訪問者に何が表示されるかを正確に確認できます。
2コードをコピーする. 「埋め込みコードをコピー」を押すと、1行のiframeスニペットがクリップボードにコピーされます。
3ページに貼り付ける. スニペットをサイトのHTMLに貼り付けます — 投稿でも、ページでも、レッスンでも — ピアノを表示したい場所ならどこでも。レスポンシブなので、与えたスペースに合わせて収まります。

読者のための弾けるピアノ

鍵盤の画像は、読者に音がどう見えるかを伝えます。実際に弾けるピアノは、その音を聴かせてくれます。本物のレスポンシブな鍵盤を埋め込めば、コードや音符のレッスンが手を動かして体験できるものになり、スマホでもパソコンでも同じように動きます — ダウンロードも、登録も、広告もありません。