Css-aural-media

提供:Dev Guides
移動先:案内検索

CSS-聴覚メディア

Web文書は、音声合成装置によってレンダリングできます。 CSS2では、特定のサウンドスタイル機能を特定のドキュメント要素に添付できます。

ドキュメントの聴覚レンダリングは、主に視覚障害者が使用します。 視覚的なレンダリングではなく聴覚的なレンダリングを使用してドキュメントにアクセスできる状況の一部は次のとおりです。

  • 読むことを学ぶ
  • トレーニング
  • 車両内のWebアクセス
  • ホームエンターテイメント
  • 産業文書
  • 医療文書

聴覚プロパティを使用する場合、キャンバスは3次元の物理的空間(サウンドサラウンド)と時間的空間(他のサウンドの前、最中、および後のサウンドを指定できます)で構成されます。

CSSプロパティを使用すると、合成音声の品質(音声の種類、頻度、屈折など)を変更することもできます。

ここに例があります-

<html>
   <head>
      <style type = "text/css">
         h1, h2, h3, h4, h5, h6 {
            voice-family: paul;
            stress: 20;
            richness: 90;
            cue-before: url("../audio/pop.au");
         }
         p {
            azimuth:center-right;
         }
      </style>
   </head>

   <body>

      <h1>finddevguides.com</h1>
      <h2>finddevguides.com</h2>
      <h3>finddevguides.com</h3>
      <h4>finddevguides.com</h4>
      <h5>finddevguides.com</h5>
      <h6>finddevguides.com</h6>
      <p>finddevguides.com</p>

   </body>
</html>

それは次の結果を生成します-

スピーチシンセサイザに、「paul」と呼ばれる音声(一種のオーディオフォント)のヘッダーをフラットトーンで非常に豊かな音声で話すように指示します。 ヘッダーを話す前に、指定されたURLからサウンドサンプルが再生されます。

クラス「heidi」の段落は左前から表示され(サウンドシステムが空間オーディオに対応している場合)、クラス「peter」の段落は右から表示されます。

次に、聴覚メディアに関連するさまざまなプロパティを確認します。

  • azimuth プロパティは、音が水平に来る場所を設定します。
  • elevation プロパティは、音が垂直に来る場所を設定します。
  • cue-after は、要素のコンテンツを他のコンテンツと区別するために発声した後に再生されるサウンドを指定します。
  • cue-before は、要素のコンテンツを他と区別するために話す前に再生されるサウンドを指定します。
  • cue は、キュー前およびキュー後を設定するための略記です。
  • pause-after は、要素のコンテンツを話した後に観察される一時停止を指定します。
  • pause-before は、要素のコンテンツを話す前に観察される一時停止を指定します。
  • pause は、一時停止前と一時停止後を設定するための略記です。
  • pitch は、話し声の平均ピッチ(周波数)を指定します。
  • pitch-range は、平均ピッチの変動を指定します。
  • play-during は、要素のコンテンツが話されている間に背景として再生されるサウンドを指定します。
  • *豊かさ*は、話す声の豊かさ、または明るさを指定します。
  • speak は、テキストを音声でレンダリングするかどうか、またレンダリングする場合はどのようにレンダリングするかを指定します。
  • speak-numeral は、数字の読み方を制御します。
  • speak-punctuation は、句読点の読み方を指定します。
  • speech-rate は発話速度を指定します。
  • stress は、声のイントネーションの輪郭の「ローカルピーク」の高さを指定します。
  • voice-family は、音声ファミリ名の優先順位リストを指定します。
  • *音量*は、音声の音量の中央値を指します。

方位角プロパティ

azimuthプロパティは、音が水平に来る場所を設定します。 可能な値は以下のとおりです-

  • 角度-位置は_-360deg_から_360deg_の範囲内の角度で記述されます。 値_0deg_は、サウンドステージの中央のすぐ前方を意味します。 90deg_が右側、_180deg_が後方、_270deg(または同等で便利な_-90deg_)が左側です。
  • 左側-「270度」と同じ。 「背後」、「270度」。
  • 左端-「300度」と同じ。 「背後」、「240度」で。
  • -「320度」と同じ。 「背後」、「220度」で。
  • center-left -「340deg」と同じ。 「背後」、「200度」で。
  • center -「0deg」と同じ。 「背後」、「180度」で。
  • center-right -'20deg’と同じ。 「背後」、「160度」で。
  • -'40deg’と同じ。 「背後」、「140度」で。
  • 極右-'60deg’と同じ。 「背後」、「120度」で。
  • 右側-「90度」と同じ。 「後ろ」、「90度」で。
  • leftwards -サウンドを現在の角度に対して左に移動します。 より正確には、20度を減算します。
  • rightwards -サウンドを現在の角度に対して右に移動します。 より正確には、20度を加算します。

ここに例があります-

<style type = "text/css">
   <!--
      h1   { azimuth: 30deg }
      td.a { azimuth: far-right }         /*60deg*/
      #12  { azimuth: behind far-right }  /*120deg*/
      p.comment { azimuth: behind }       /*180deg*/
   -->
</style>

標高プロパティ

エレベーションプロパティは、音が垂直に来る場所を設定します。 可能な値は次のとおりです-

  • angle --90deg_と_90deg_の間の角度として仰角を指定します。 _0deg_はフォワードホライズンを意味し、リスナーとのレベルを大まかに意味します。 _90deg_は直接オーバーヘッドを意味し、- 90deg_は真下を意味します。
  • below -'-90deg’と同じです。
  • レベル-「0deg」と同じ。
  • above -'90deg’と同じ。
  • higher -現在の高度に10度を追加します。
  • lower -現在の高度から10度を引きます。

ここに例があります-

<style type = "text/css">
   <!--
      h1   { elevation: above }
      tr.a { elevation: 60deg }
      tr.b { elevation: 30deg }
      tr.c { elevation: level }
   -->
</style>

cue-afterプロパティ

cue-afterプロパティは、要素のコンテンツを他のコンテンツと区別するために発声した後に再生されるサウンドを指定します。 可能な値は次のとおりです-

  • url -再生されるサウンドファイルのURL。
  • none -何も再生する必要はありません。

ここに例があります-

<style type = "text/css">
   <!--
      a {cue-after: url("dong.wav");}
      h1 {cue-after: url("pop.au"); }
   -->
</style>

cue-beforeプロパティ

このプロパティは、要素のコンテンツを他のコンテンツと区別する前に、再生するサウンドを指定します。 可能な値は-

  • url -再生されるサウンドファイルのURL。
  • none -何も再生する必要はありません。

ここに例があります-

<style type = "text/css">
   <!--
      a {cue-before: url("bell.aiff");}
      h1 {cue-before: url("pop.au"); }
   -->
</style>

キュープロパティ

cueプロパティは、_cue-before_および_cue-after_を設定するための省略形です。 2つの値が指定されている場合、最初の値は_cue-before_で、2番目の値は_cue-after_です。 値を1つだけ指定すると、両方のプロパティに適用されます。

たとえば、次の2つのルールは同等です-

<style type = "text/css">
   <!--
      h1 {cue-before: url("pop.au"); cue-after: url("pop.au") }
      h1 {cue: url("pop.au") }
   -->
</style>

pause-afterプロパティ

このプロパティは、要素のコンテンツを話した後に観察される一時停止を指定します。 可能な値は-

  • time -絶対時間単位(秒およびミリ秒)で一時停止を表します。
  • percentage -_speech-rate_プロパティの値の逆数を指します。 たとえば、発話速度が1分あたり120ワードの場合(つまり、 単語は0.5秒(500ミリ秒)かかります。100%の_pause-after_は500ミリ秒の休止を意味し、20%の_pause-after_は100ミリ秒を意味します。

pause-beforeプロパティ

このプロパティは、要素のコンテンツを話す前に観察される一時停止を指定します。 可能な値は-

  • time -絶対時間単位(秒およびミリ秒)で一時停止を表します。
  • percentage -_speech-rate_プロパティの値の逆数を指します。 たとえば、発話速度が1分あたり120ワードの場合(つまり、 単語は0.5秒(500ミリ秒)かかります。その後、_pause-before_が100%の場合、一時停止は500ミリ秒、_pause-before_は20%の場合は100ミリ秒になります。

pauseプロパティ

このプロパティは、_pause-before_および_pause-after_を設定するための省略形です。 2つの値が指定されている場合、最初の値は_pause-before_で、2番目の値はpause-afterです。

ここに例があります-

<style type = "text/css">
   <!--
     /*pause-before: 20ms; pause-after: 20ms*/
      h1 { pause : 20ms }

     /*pause-before: 30ms; pause-after: 40ms*/
      h2{ pause : 30ms 40ms }

     /*pause-before: ?; pause-after: 10ms*/
      h3 { pause-after : 10ms }
   -->
</style>

pitchプロパティ

このプロパティは、発声する音声の平均ピッチ(周波数)を指定します。 音声の平均ピッチは、音声ファミリによって異なります。 たとえば、標準的な男性の声の平均ピッチは約120Hzですが、女性の声の平均ピッチは約210Hzです。 可能な値は-

  • frequency -話す声の平均ピッチをヘルツ(Hz)で指定します。
  • x-low、low、medium、high、x-high -これらの値は音声ファミリに依存するため、絶対周波数にマッピングされません。

ピッチ範囲プロパティ

このプロパティは、平均ピッチの変動を指定します。 可能な値は-

  • number -「0」と「100」の間の値。 「0」のピッチ範囲は、フラットで単調な音声を生成します。 50のピッチ範囲では、通常の変曲が生じます。 50を超えるピッチ範囲では、アニメーション化された音声が生成されます。

プレイ中のプロパティ

このプロパティは、要素のコンテンツが話されている間に背景として再生されるサウンドを指定します。 可能な値は次のいずれかになります-

  • URI -この<uri>で指定されたサウンドは、要素のコンテンツが話されている間、背景として再生されます。
  • mix -このキーワードは、親要素の_play-during_プロパティから継承されたサウンドが引き続き再生され、_uri_で指定されたサウンドがミックスされることを意味します。 _mix_が指定されていない場合、要素のバックグラウンドサウンドが親のサウンドに置き換わります。
  • repeat -存在する場合、このキーワードは、要素の期間全体を埋めるには短すぎる場合に音が繰り返されることを意味します。 それ以外の場合、サウンドは一度再生されてから停止します。
  • auto -親要素のサウンドは引き続き再生されます。
  • なし-このキーワードは、沈黙があることを意味します。

ここに例があります-

<style type = "text/css">
   <!--
      blockquote.sad { play-during: url("violins.aiff") }
      blockquote q   { play-during: url("harp.wav") mix }
      span.quiet     { play-during: none }
   -->
</style>

richnessプロパティ

このプロパティは、話す声の豊かさまたは明るさを指定します。 可能な値は-

  • number -「0」と「100」の間の値。 値が大きいほど、音声の伝達量が多くなります。 値を小さくすると、柔らかくてメリハリのある声になります。

speakプロパティ

このプロパティは、テキストを聴覚的にレンダリングするかどうか、またレンダリングする場合はどのようにレンダリングするかを指定します。 可能な値は-

  • none -要素がレンダリングに時間を必要としないように、聴覚レンダリングを抑制します。
  • 通常-要素とその子のレンダリングに言語依存の発音ルールを使用します。
  • spell-out -テキストを一度に1文字ずつ綴ります。

「volume」プロパティの値が「silent」である要素と、「speak」プロパティの値が「none」である要素の違いに注意してください。 前者は、要素の前後の一時停止を含めて、話しかけられたのと同じ時間を使用しますが、音は生成されません。 後者は時間を必要とせず、レンダリングされません。

speak-numeralプロパティ

このプロパティは、数字の読み方を制御します。 可能な値は-

  • 数字-数字を個々の数字として読み上げます。 したがって、「237」は「Two Three Seven」と話されます。
  • 連続-数字を完全な数字として読み上げます。 したがって、「237」は「二百三十七」と話されます。 単語表現は言語に依存します。

speak-punctuationプロパティ

このプロパティは、句読点の読み方を指定します。 可能な値は-

  • コード-セミコロン、ブレースなどの句読点は、文字通り話されます。
  • none -句読点は話されませんが、代わりにさまざまな一時停止として自然にレンダリングされます。

発話速度のプロパティ

このプロパティは、発話速度を指定します。 絶対キーワード値と相対キーワード値の両方が許可されていることに注意してください。 可能な値は-

  • number -毎分あたりの語数で話す速度を指定します。
  • x-slow -80ワード/分と同じ。
  • 遅い-1分あたり120ワードと同じ。
  • -180〜200ワード/分と同じ。
  • fast -1分あたり300ワードと同じ。
  • x-fast -500ワード/分と同じ。
  • faster -現在の発話速度に40ワード/分を追加します。
  • 遅い-現在の発話速度から1分あたり40ワードを減算します。

ストレス特性

このプロパティは、声のイントネーションの輪郭の「ローカルピーク」の高さを指定します。 英語は強調された言語であり、文のさまざまな部分に第1、第2、または第3のストレスが割り当てられます。 可能な値は-

  • number -「0」と「100」の間の値。 値の意味は、話されている言語によって異なります。 たとえば、標準的な英語を話す男性の音声の「50」のレベル(平均ピッチ= 122Hz)、通常のイントネーションと強調で話すことは、イタリアの音声の「50」とは異なる意味を持ちます。

音声ファミリプロパティ

値は、音声ファミリ名の優先順位がカンマで区切られたリストです。 それは次の値を持つことができます-

  • generic-voice -値は音声ファミリです。 可能な値は、「男性」、「女性」、および「子」です。
  • specific-voice -値は特定のインスタンスです(コメディアン、トリノイド、カルロス、ラニなど)。

ここに例があります-

<style type = "text/css">
   <!--
      h1 { voice-family: announcer, male }
      p.part.romeo  { voice-family: romeo, male }
      p.part.juliet { voice-family: juliet, female }
   -->
</style>

ボリュームプロパティ

音量とは、音声の音量の中央値を指します。 それは次の値を持つことができます-

  • 数字-「0」と「100」の間の任意の数字。 「0」は最小可聴音量レベルを表し、100は最大快適レベルに対応します。
  • percentage -これらの値は、継承された値を基準にして計算され、「0」から「100」の範囲にクリップされます。
  • サイレント-まったく音がしません。 値「0」は「サイレント」と同じ意味ではありません。
  • x-soft -「0」と同じ。
  • soft -'25’と同じです。
  • -「50」と同じ。
  • 大声-'75’と同じ。
  • x-loud -'100’と同じ。

ここに例があります-

<style type = "text/css">
   <!--
      P.goat  { volume: x-soft }
   -->
</style>

クラス goat の段落は非常に柔らかくなります。