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

CSSのvoice-duration（音声継続時間）プロパティの使い方とauto値の解説

CSSのvoice-durationプロパティとは

CSSのvoice-durationプロパティは、音声合成による読み上げを他のメディア（動画や音楽など）と同期させる必要がある場合に使用される、スピーチメディア系のプロパティです。

このプロパティを使うことで、テキストの読み上げにかかる時間を明示的に指定でき、複数のメディア要素間でタイミングを揃えることが可能になります。

voice-durationの基本的な記述例

以下は、voice-durationプロパティを実装する基本的な例です。

p {
    voice-duration: 5s;
}

上記の例では、段落（p要素）の読み上げ時間が5秒に設定されます。値には秒単位（s）やミリ秒単位（ms）など、時間を表す単位を指定できます。

auto値について

voice-durationプロパティには、autoというキーワード値も指定できます。

auto値を指定した場合、継承されたvoice-rate（読み上げ速度）を使用して音声合成を行った際の実際の継続時間に対応する値が自動的に適用されます。つまり、特別な同期が必要ない場合や、ブラウザ側の標準的な読み上げ速度に任せたい場合は、auto値を指定しておくのが適切です。

まとめ

voice-durationは、音声コンテンツと他のメディアを同期させる際に役立つプロパティです。具体的な時間を指定することも、auto値で自動調整に任せることもできるため、用途に応じて柔軟に使い分けましょう。

  1. CSSのvoice-pitchプロパティとは？音声メディアでの声の高さ（ピッチ）の設定方法

    CSSのvoice-pitchプロパティは、音声合成（テキスト読み上げ）によって話される声の基準となる高さ（ピッチ）を指定するためのプロパティです。このプロパティを使うことで、スクリーンリーダーや音声ブラウザがコンテンツを読み上げる際の声のトーンを調整できます。voice-pitchの基本構文voice-pitchプロパティでは、以下のようなキーワードを使用してピッチを指定します。voice-pitch: [[x-low | low | medium | high | x-high]];各キーワードの意味は次の通りです。x-low：非常に低いピッチlow：低めのピッチmedium：標準のピッチ

  2. CSSのrest系音声メディアプロパティ：rest-afterの使い方

    CSSのrest-afterプロパティは、音声メディア（スクリーンリーダーなどによる読み上げ）向けのプロパティの一つで、特定の要素の後に挿入される休止（ポーズ）を制御します。適切な休止を設定することで、読み上げ音声の聞き取りやすさや内容の区切りが明確になります。 rest-afterプロパティの構文 rest-after: <time> | none | x-weak | weak | medium | strong | x-strong 指定できる値は以下のとおりです。 <time> … ミリ秒（ms）や秒（s）などの時間単位で休止の長さを指定します。 none /