あなたのサイトにメトロノームとチューナーを
サイトにメトロノームを置くには、下でオプションを選び、「コードをコピー」をタップして、ページの HTML ブロックに貼り付けます。チューナーも同じ手順です。無料で、登録は不要、ウィジェットに広告はありません。
ウィジェットを作る
プレビュー
ウィジェットの下のリンクは MetronoTuner につながります。外してもかまいませんが、プロジェクトが無料で続けられる助けになります。
サイトへの置き方
上のジェネレーターでコードをコピーし、お使いのプラットフォームに貼り付けます：
WordPress
- エディターでページまたは投稿を開きます。
- ＋をタップして「カスタムHTML」ブロックを選びます。
- コードを貼り付けて公開します。
Wix
- エディターで「要素を追加」(＋) ›「埋め込みコード」›「HTMLを埋め込む」をタップします。
- 「コード」を選んで貼り付け、「更新」をタップします。
- ウィジェットが全部収まるまでボックスを大きくします。
Blogger
- 投稿のエディターで「HTMLビュー」に切り替えます。
- ウィジェットを表示したい場所にコードを貼り付け、通常のビューに戻します。
- サイドバーの場合：「レイアウト」›「ガジェットを追加」›「HTML/JavaScript」。
Notion
- ここで「アドレスだけをコピー」をタップします（Notion は HTML コードを受け付けません）。
- Notion のページで /embed と入力し、「埋め込み」を選びます。
- アドレスを貼り付けて確定します。
HTML
- ページ内でウィジェットを表示したい位置の <body> の中にコードを貼り付けます。
- ウィジェットは使える幅いっぱいに広がり、コードで指定された最大幅までになります。
コードを直接編集したい方へ
ウィジェットのアドレスでは次のパラメーターが使え、どの言語でも同じです（名前と値はそのままで、翻訳しません）：
-
bpm - メトロノームのテンポ、30〜250。 例：
bpm=90 -
compasso - 拍子とアクセントの区切り。 例：
compasso=7/8:2+2+3 -
instrumento - チューナーの楽器（指定しないとクロマチックチューナー）。 例：
instrumento=ukulele -
afinacao - 楽器のチューニング（指定しないとスタンダード）。 例：
afinacao=drop-d -
tema - claro（ライト）、escuro（ダーク）、auto（端末に合わせる）。 例：
tema=escuro -
tamanho - compacto（コンパクト）は必要最小限だけを表示。 例：
tamanho=compacto -
fundo - transparente にすると、サイトの背景が透けて見えます。 例：
fundo=transparente
フル機能のツール
よくある質問
ウィジェットは無料ですか？
はい。ブログ、先生や学校、バンドのサイトなど、どんなサイトでも使えます。ウィジェットに広告はなく、アカウントも不要です。
スマホでも動きますか？
はい。ウィジェットは画面幅に合わせて調整され、スマホ、タブレット、パソコンのブラウザで動作します。
登録は必要ですか？
いいえ。コードをコピーしてサイトに貼り付けるだけです。アカウントもキーもログインもありません。
ウィジェットの中でマイクは使えますか？
はい、チューナーで使えます。コードにはあらかじめ allow="microphone" が入っていて、iframe の中でマイクが使えるようになり、初回にはブラウザが訪問者に許可を求めます。音声は端末の中で解析され、録音も送信もされません。サイトは HTTPS である必要があります。Wix や Notion のように、コードをさらに別のフレームの中に置くプラットフォームでは、ブラウザがマイクをブロックすることがあります。
色は変えられますか？
ライト、ダーク、または訪問者の端末に合わせる自動のテーマから選べます。背景を透明にして、ウィジェットをサイトになじませることもできます。ボタンの色は MetronoTuner のものです。
ウィジェットでサイトが重くなりませんか？
いいえ。コードは loading="lazy" を使っているので、ウィジェットは画面に近づいたときにだけ読み込まれます。音声とマイクの解析は、訪問者の端末で動きます。