Formant 1:
Formant 2:
Base Freq.:
How to use
Basics
To start the sound, click the play button () positioned on the top left.
The button turns into an pause button (), which you may click to pause the sound.
The volume slider on the top right gives you control over the sound volume. To increase the volume, click and drag the handle () to the right, to decrease the volume, to the left.
Note that a too high volume can cause clipping, especially when the two formants are near, which distorts the vowel perception. If you feel the volume is too low, try to increase the volume on your physical device first.
The frequency slider, also on the top right, changes the height of the base sound. To raise the sound, click and drag the handle () to the right, to lower the sound, to the left.
To change the vowel, click and drag the handle icon () around. The vertical axis represents Formant 1, the horizontal axis Formant 2. The respective frequencies are displayed below the chart.
Automation
Examples are shown on the right.
To change the vowel to a certain frequency combination, enter two frequencies separated with a comma (,). The first (left) number will be Formant 1, the second (right) Formant 2. These two values are mandatory when running an automation. The range of accepted frequencies can be identified in the corners of the chart. Click the Start Automation button to apply the change.
You can also enter multiple vowels separated by a line break. The sound will change to the first vowel listed, then to the next, and repeats that until there is no frequency combination listed anymore. To change the default speed of one second per vowel, enter the speed (0< s ≤10) as a third number s, separated with a comma. The vowel will last for s-1 seconds. Speeds faster than 30 don't seem to work in some browsers (especially when you just woke them up from the background); just refresh in case you entered a too high speed and the chart hung up.
To change the height of the base sound, add the height as a forth number h, ranging from -1 to 1. The frequency will be 110 Hz × 2h.
To stop the sound after the automation, add the word "STOP" as the last line.
To keep an overview over longer sequences, you can enter comments, again separated by a comma (,).
To add the current frequency to the automation, click the Add Frequency button.
An example synthesizing the English word "way":
Support Info
The list of browsers supporting Web Audio API can be found here.
What is it for?
For any spoken language, the correct pronunciation of vowels is essential for a convincing flow at least, if not even to prevent communication errors.
Conventional vowel charts with recordings (e.g. IPA vowel chart with audio (Wikipedia)) can help, but different tones or even speakers can make the sounds difficult to compare.
This web application aproaches this problem by abandoning the use of recordings, instead synthesizing the sound, enabling the vowels to change continuously. Because visible changes apply immediately to the sound, the synthesis stays intuitive and understandable.
This way, subtle differences between difficult vowels can be inspected more easily, providing further and more accessible insight into the variablity of vowel pronunciation.
How it works
The base sound is an saw tooth tone, lightly cut in the higher frequencies, similar to the sound produced in the vocal cords.
The vowel formation is being imitated by two formants added as a peak, with their respective frequencies shown below the chart.
Two peaks are enough for the sound being perceived as vowels.
April 2017
使い方
基本
音声を再生するには、左上の再生ボタン () をクリックしてください。ボタンが一時停止ボタン () に変わります。音声を一時停止するには、一時停止ボタンをクリックしてください。
音量は、右上のボリュームスライダーで調節することができます。音量を上げるには、ハンドル () を右に、下げるには、左にクリック＆ドラッグしてください。
音量を大きくし過ぎますと、フォルマントの周波数が近い場合クリッピングを起こし、母音の認識が歪んでしまうことがあります。音量が小さく感じましたら、まずデバイス側の音量を調節してください。
ベース音の高さは、同じく右上の周波数スライダーで調節できます。音を高くするには、ハンドル () を右に、低くするには、左にクリック＆ドラッグしてください。
母音を変更するには、ハンドル () をクリック＆ドラッグしてください。垂直軸が第一フォルマント、水平軸が第二フォルマントを表しています。周波数は、母音表の下にそれぞれ表示されています。
オートメーション
入力例を右に示しています。
母音を任意の周波数に変更するには、周波数を二つ、カンマ (,) で区切って入力してください。一つ目 (左) の値が第一フォルマント、二つ目 (右) の値が第二フォルマントになります。少なくともこの二つの値がありませんと、オートメーションは再生できません。入力可能な周波数域はチャートの端にてご確認ください。変更を確定するには、Start Automation ボタンをクリックしてください。
複数の母音を改行で区切って入力しますと、上から一行ずつ母音を変えながら再生できます。標準のスピード（母音につき1秒）を変更するには、三つ目の数 s として、スピード (0< s ≤10) を入力してください。この数もカンマで区切ってください。母音が s-1 秒間再生されます。30 以上のスピードでの実行は、一部のブラウザではできないようです。チャートが止まってしまった場合はリロードしてください。
オートメーション内でベース音の周波数を変更するには、第4の値 h (-1 ≤ h ≤1) を入力してください。周波数は 110 Hz × 2h となります。
オートメーション終了後に音声を停止するには、最後の行を「STOP」としてください。
長いオートメーションを読みやすくするため、カンマ (,) で区切ったのちにコメントを入力することができます。
現在の周波数をオートメーションに追加するには、 Add Frequency ボタンをクリックしてください。
例として右に英語の "way" という単語の合成を示しています。
サポート情報
Web Audio API をサポートするブラウザのリストはこちらからご覧ください。
目的
いかなる音声言語にとっても、母音の正しい発音は最低でも流暢性の確保、多くの場合は、情報交換に於ける弊害を防ぐためにも必要不可欠です。
録音を用いた従来の母音表(オーディオ付 IPA 母音表 (Wikipedia:en)など)も役立つことはありますが、トーンや話者が違うので、比較が非常に困難になっています。
そこで、このウェブアプリケーションでは、録音ではなく合成を使用し、母音の連続的な変化を可能にすることで、この問題の対処を試みます。
また、可視可能な表への変更が瞬時に音に反映されるので、直感的で容易に理解できる操作で母音を合成できます。
これにより、似たような母音間の微細な違いでも、より簡単に、誰にでも精査することができ、母音の発音の多様性に関する更なる幅広い識見に繋がるものと期待しております。
仕組み
ベース音は、声帯で作られるものと似た、高周波を軽くカットしたノコギリ波です。
母音の形成には、二つのフォルマントをピークとして加えます。表の下にそれぞれの周波数が表示されています。
これだけで、音声は母音として認識されるようになります。