広告
トーン ジェネレーター ウィジェットの埋め込み方法
オーディオ テストとトーン生成を自分のウェブサイトに追加
埋め込みコードを取得
iframe コードをコピーして、どのウェブサイトにも埋め込めます
最適な用途
音楽教育
周波数、音の高さ、波形の概念を、対話型のデモで教えられます
オーディオ機器のレビュー
読者がレビュー ページ上で直接スピーカーやヘッドホンをテストできます
瞑想とウェルネス
ウェルネス プラットフォームでソルフェジオ周波数とリラックス用トーンを提供できます
開発者向けドキュメント
動作する対話型の例で Web Audio API の機能を実演できます
埋め込み方法
- 上の「埋め込みコードを取得」ボタンをクリックして埋め込みページを開きます
- ウィジェットのサイズとテーマを選びます
- 生成された iframe コードをコピーします
- ウィジェットを表示したい場所の 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%" を使うと、ウィジェットがコンテナーいっぱいに広がります
埋め込みの準備はできましたか?
埋め込みコードを取得
広告