CSS - Aural Media( Aural Media)

Web文档可以由语音合成器呈现。 CSS2允许您将特定的声音样式功能附加到特定的文档元素。

文件的听觉呈现主要由视障者使用。可以通过听觉呈现而不是视觉呈现来访问文档的一些情况如下。

学习阅读
Training
车辆中的Web访问
家庭娱乐
工业文件
医疗文件

当使用听觉属性时，画布由三维物理空间（声音环绕）和时间空间（可以在其他声音之前，期间和之后指定声音）组成。

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>iowiki.com</h1>
      <h2>iowiki.com</h2>
      <h3>iowiki.com</h3>
      <h4>iowiki.com</h4>
      <h5>iowiki.com</h5>
      <h6>iowiki.com</h6>
      <p>iowiki.com</p>
   </body>
</html>

它会产生以下结果 -

新页面打开

它将指示语音合成器以一种称为“paul”的语音（一种音频字体）说出标题，在平坦的音调上，但是声音非常丰富。在说出标题之前，将从给定的URL播放声音样本。

类'heidi'的段落似乎来自左前方（如果音响系统具有空间音频），以及来自右侧的类'peter'的段落。

现在我们将看到与听觉媒体相关的各种属性。

azimuth属性设置，声音应来自水平。
elevation属性设置，声音应垂直来自。
cue-after指定在说出元素的内容以将其与其他内容分隔之后要播放的声音。
cue-before指定在说出元素的内容之前要播放的声音以将其与其他内容分隔。
cue是设置cue-before和cue-after的简写。
pause-after指定在说出元素内容后要观察的暂停。
pause-before指定在说出元素内容之前要观察的暂停。
pause是设置暂停前和暂停后的简写。
pitch指定说话声音的平均音调（频率）。
pitch-range指定平均音高的变化。
play-during指定在说出元素内容时要作为背景播放的声音。
richness指定说话声音的丰富度或亮度。
speak指定文本是以听觉方式呈现，如果是，则以何种方式呈现。
speak-numeral控制数字的说话方式。
speak-punctuation指定如何说出标点符号。
speech-rate指定speech-rate 。
stress指定语音的语调轮廓中的“局部峰值”的高度。
voice-family指定语音系列名称的优先级列表。
volume指的是声音的中位音量。

方位角属性

方位角属性设置声音应该来自水平方向的位置。可能的值列在下面 -

angle - 位置以-360deg至360deg范围内的角度描述。值0deg表示在声场的中心正前方。 90deg度位于右侧， 180deg位于后方， 180deg （或等效且更方便地， -90deg ）位于左侧。
left-side - 与'270deg'相同。有'后面'，'270deg'。
far-left - 与'300deg'相同。有'后面'，'240deg'。
left - 与'320deg'相同。有'后面'，'220deg'。
center-left - 与'340deg'相同。有'后面'，'200deg'。
center - 与'0deg'相同。有'后面'，'180deg'。
center-right - 与'20deg'相同。有'后面'，'160deg'。
right - 与'40deg'相同。有'后面'，'140deg'。
far-right - 与'60deg'相同。有'后面'，'120deg'。
right-side - 与'90deg'相同。有'后面'，'90deg'。
leftwards - 将声音leftwards移动并相对于当前角度。更确切地说，减去20度。
rightwards - 相对于当前角度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>

elevation属性

高程属性设置声音应垂直的位置。可能的值如下 -

angle - 将高程指定为角度，介于-90deg和90deg之间。 0deg表示前向地平线，松散意味着与听众0deg 。 90deg表示直接开销， -90deg表示直接在下方。
below - 与'-90deg'相同。
level - 与'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-after属性

cue属性是设置cue-before和cue-after的简写。如果给出两个值，则第一个值为cue-before ，第二个值为cue-after 。如果只给出一个值，则它适用于两个属性。

例如，以下两条规则是等效的 -

<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属性值的倒数。例如，如果语速为每分钟120个字（即一个字需要半秒或500毫秒），则100％的暂停pause-after意味着500毫秒的pause-after ，20％的pause-after意味着100毫秒。

pause-before属性

此属性指定在说出元素内容之前要观察的暂停。可能的值是 -

time - 以绝对时间单位（秒和毫秒）表示暂停。
percentage - 指speech-rate属性值的倒数。例如，如果语速为每分钟120个字（即一个字占用半秒或500毫秒），则100％的暂停pause-before意味着500毫秒的pause-before ，20％的pause-before意味着100毫秒。

pause属性

此属性是设置pause-before和pause-after的简写。如果给出两个值，则第一个值为pause-before ，第二个值为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 - 这些值不映射到绝对频率，因为这些值取决于语音系列。

pitch-range属性

此属性指定平均音高的变化。可能的值是 -

number - “0”和“100”之间的值。音高范围'0'产生平坦，单调的声音。 50的音高范围产生正常的拐点。音高范围大于50会产生动画声音。

play-during属性

此属性指定在说出元素内容时要作为背景播放的声音。可能的值可以是以下任何一项 -

URI - 此“uri”指定的声音作为背景播放，同时说出元素的内容。
mix - 如果存在，此关键字表示从父元素的play-during属性继承的声音继续播放，并且uri指定的声音与其混合。如果未指定mix ，则元素的背景声音将替换父项。
repeat - 如果存在，此关键字表示如果声音太短而无法填充元素的整个持续时间，则声音将重复出现。否则，声音播放一次然后停止。
auto - 父元素的声音继续播放。
none - 此关键字表示存在沉默。

这是一个例子 -

<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 - 禁止听觉渲染，以便元素不需要时间渲染。
normal - 使用与语言相关的发音规则来渲染元素及其子元素。
spell-out拼写一个字母。

请注意'volume'属性值为'silent'的元素与'speak'属性值为'none'的元素之间的区别。前者占用的时间与说出的时间相同，包括元素前后的任何暂停，但不会产生声音。后者不需要时间，也不会呈现。

speak-numeral属性

此属性控制数字的使用方式。可能的值是 -

digits - 将数字说成个别数字。因此，“237”被称为“二三七”。
continuous - 将数字称为完整数字。因此，“237”被称为“二百三十七”。 Word表示依赖于语言。

speak-punctuation属性

此属性指定标点符号的使用方式。可能的值是 -

code - 字面上将使用分号，大括号等标点符号。
none - 不会说出标点符号，而是自然地呈现为各种暂停。

speech-rate属性

此属性指定语速。请注意，允许使用绝对和相对关键字值。可能的值是 -

number - 以每分钟字数指定语速。
x-slow - 与每分钟80个单词相同。
slow - 相当于每分钟120个单词。
medium - 相当于每分钟180至200字。
fast - 相当于每分钟300字。
x-fast - 与每分钟500字相同。
faster - 每分钟添加40个单词到当前语速。
slower - 从当前语速降低每分钟40个单词。

stress属性

此属性指定语音的语调轮廓中“局部峰值”的高度。英语是一种强调语言，句子的不同部分被分配为一级，二级或三级压力。可能的值是 -

number - “0”和“100”之间的值。价值观的含义取决于所说的语言。例如，对于标准的，说英语的男性声音（平均音高= 122Hz），用正常语调和强调说话的“50”水平对于意大利语音具有与“50”不同的含义。

voice-family属性

该值是以逗号分隔的优先级语音系列名称列表。它可以具有以下值 -

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>

volume属性

音量是指语音的中位音量。它可以具有以下值 -

numbers - “0”和“100”之间的任何数字。 “0”表示最小可听音量水平，100表示最大舒适水平。
percentage - 这些值是相对于继承值计算的，然后被剪切到范围“0”到“100”。
silent - 根本没有声音。值“0”与“静音”并不相同。
x-soft - 与'0'相同。
soft - 与'25'相同。
medium - 与'50'相同。
loud - 与'75'相同。
x-loud - 与'100'相同。

这是一个例子 -

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

类goat段落会非常柔软。

<上一篇.CSS - 分页媒体( Paged Media)

CSS - Aural Media( Aural Media).下一篇>

CSS - 教程

CSS - 介绍

CSS - 语法

CSS - 包含( Inclusion)

CSS - 测量单位( Measurement Units)

CSS - Colors

CSS - 背景( Backgrounds)

CSS - Fonts

CSS - Text

CSS - Images

CSS - Links

CSS - Tables

CSS - Borders

CSS - Margins

CSS - Lists

CSS - Padding

CSS - Cursors

CSS - 概述( Outlines)

CSS - 维度( Dimension)

CSS - 滚动条( Scrollbars)

CSS - 可见性( Visibility)

CSS - 定位( Positioning)

CSS - Layers

CSS - 伪类( Pseudo Classes)

CSS - Pseudo Elements

CSS - @ Rules

CSS - 文本效果( Text Effects)

CSS - 媒体类型( Media Types)

CSS - 分页媒体( Paged Media)