CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSのpitchプロパティとは？読み上げ音声のピッチ指定方法を解説

CSSのpitchプロパティとは

pitchプロパティは、読み上げ音声（スピーチ音声）の平均的なピッチ（周波数）を指定するためのCSSプロパティです。音声の平均ピッチは、使用される音声ファミリー（voice family）によって異なります。例えば、標準的な男性の声の平均ピッチは約120Hzであるのに対し、女性の声では約210Hz程度とされています。

このプロパティは主にスクリーンリーダーや音声合成（テキスト読み上げ）環境で効果を発揮し、聴覚ユーザーにとってより自然で聞き取りやすい音声出力を実現するために活用されます。

指定できる値

pitchプロパティには、以下の値を指定できます。

  • frequency（周波数） … 読み上げ音声の平均ピッチをヘルツ（Hz）単位の数値で直接指定します。
  • x-low / low / medium / high / x-high … ピッチの高さを段階的に示すキーワードです。これらの値は絶対的な周波数に対応付けられておらず、実際のピッチは音声ファミリーごとに異なります。

記述例

p {
  pitch: 150Hz;
}

.note {
  pitch: high;
}

上記のように、数値での精密な指定と、キーワードによる相対的な指定のどちらも可能です。音声ファミリーとの組み合わせによって再生結果が変わる点に注意してください。

  1. CSSのwriting-modeプロパティ徹底解説！テキストを縦書き・横書きにする方法

    writing-modeプロパティとは CSSのwriting-modeプロパティは、テキストの行を水平方向にレイアウトするか、垂直方向にレイアウトするかを指定するためのプロパティです。日本語の縦書きのように、上から下へ文字を読ませるレイアウトも簡単に実現できます。 基本構文 writing-mode: horizontal-tb | vertical-rl | vertical-lr; 指定できる主な値 horizontal-tb … 行が上から下へ流れる標準的な横書き表示（初期値） vertical-rl … 行が右から左へ流れる縦書き表示。日本語や中国語などの縦組みレイアウトに適し

  2. CSSのpointer-eventsプロパティとは？使い方をコード例で解説

    pointer-eventsプロパティとは CSSのpointer-eventsプロパティは、要素に対してポインターイベントが発生した際に、その要素がアクション（反応）を行うかどうかを指定するためのプロパティです。ポインターイベントは、マウスのクリック、タッチ操作、スタイラスペンなど、さまざまな入力デバイスによって発生します。 このプロパティを活用すると、リンクやボタンへのクリック・ホバー操作を無効化したり、逆に有効化したりできます。主な値は以下のとおりです。 auto：デフォルトの動作。要素が通常どおりポインターイベントに反応します。 none：要素がポインターイベントに反応しなくなります