広告

トーン ジェネレーター ウィジェットの埋め込み方法

オーディオ テストとトーン生成を自分のウェブサイトに追加

埋め込みコードを取得

iframe コードをコピーして、どのウェブサイトにも埋め込めます

ウェブページに埋め込まれたトーン ジェネレーター ウィジェット

最適な用途

音楽教育

周波数、音の高さ、波形の概念を、対話型のデモで教えられます

オーディオ機器のレビュー

読者がレビュー ページ上で直接スピーカーやヘッドホンをテストできます

瞑想とウェルネス

ウェルネス プラットフォームでソルフェジオ周波数とリラックス用トーンを提供できます

開発者向けドキュメント

動作する対話型の例で Web Audio API の機能を実演できます

埋め込み方法

  1. 上の「埋め込みコードを取得」ボタンをクリックして埋め込みページを開きます
  2. ウィジェットのサイズとテーマを選びます
  3. 生成された iframe コードをコピーします
  4. ウィジェットを表示したい場所の HTML にコードを貼り付けます

カスタマイズ オプション

URL パラメーターを追加すると、読み込み時のウィジェットの状態をあらかじめ設定できます。

パラメーター 説明 例
freq 開始周波数 (Hz、20~20000) freq=440
wave 波形の種類 (sine、square、triangle、sawtooth) wave=sine
vol 初期音量 (%、0~100) vol=30
theme ウィジェットのテーマ (blue-light、blue-dark など) theme=blue-dark
プロのヒント: パラメーターは & でつなげます。たとえば ?freq=528&wave=sine&theme=purple-light とすると、528 Hz の瞑想用トーンをあらかじめ設定したウィジェットになります。

推奨サイズ

ウィジェットはレスポンシブで、コンテナーに合わせて調整されます。最良の結果を得るには:

  • 最小幅: コンパクトなレイアウトには 320px
  • 推奨の高さ: すべてのコントロールを表示するには 500~600px
  • width="100%" を使うと、ウィジェットがコンテナーいっぱいに広がります

埋め込みの準備はできましたか?

埋め込みコードを取得
広告