CSS ::听觉媒体

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

视障人士主要使用文件的听觉渲染。下面是通过听觉渲染而不是视觉渲染可以访问文档的一些情况。

  • 学习阅读

  • 训练

  • 车辆上网

  • 家庭娱乐

  • 工业文件

  • 医疗文件

使用听觉属性时,画布由三维物理空间(环绕声音)和时间空间(一个可以指定其他声音之前,之中和之后的声音)组成。

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

它将指导语音合成器以扁平音调(但声音非常丰富)以称为“ paul”的声音(一种音频字体)说出标题。在说出标题之前,将从给定的URL播放声音样本。

“ heidi”类的段落似乎出现在左前(如果声音系统具有空间音频功能),而“ peter”类的段落则出现在右面。

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

  • 该 方位 属性集,其中的声音应该来自水平。

  • 在 海拔 属性集,其中的声音应该来自垂直。

  • 该 线索后 指定一个声音来讲元素的含量从其他划定之后进行播放。

  • “ 前提示” 指定在说出元素的内容之前将其播放的声音,以将其与其他元素分隔开。

  • 该 提示 是线索之前和线索后设置的简写。

  • 在 暂停之后 发言元素的含量后,可以观察到指定的暂停。

  • 在 暂停之前 讲一个元素的内容之前,必须观察到指定的暂停。

  • 该 暂停 是暂停前和暂停后设置的简写。

  • 的 音调 指定说话声音的平均间距(频率)。

  • 所述 音高范围 指定在平均间距的变化。

  • 在 播放过程中 指定一个声音,而元素的内容是口语要发挥作为一个背景。

  • 在 丰富 指定的丰富性,或亮度,说话的声音的。

  • 该 说话 指定是否文本将呈现听觉如果有的话,以什么方式。

  • 该 说话的数字 控制的数字是怎么说的。

  • 该 说话的标点符号 指定标点是怎么说的。

  • 该 语音率 指定的语速。

  • 该 压力 指定的语音语调轮廓“局部峰值”的高度。

  • 该 语音家族 指定的语音姓氏的优先级列表。

  • 该  是指声音的体积中位数。

方位角属性

方位角属性设置声音应从水平方向发出的位置。可能的值在下面列出-

  • 角度 -位置以-360deg 至 360deg范围内的角度 表示。值 0deg 表示在声音舞台的正前方。 90度 是正确的,  180deg 后面,  270deg  (或等同,更方便的,  -90deg)到左边。

  • 左侧 -与“ 270deg”相同。带有“背后”,“ 270deg”。

  • 最左侧 -与“ 300deg”相同。带有“背后”,“ 240deg”。

  •  -与“ 320deg”相同。带有“在后面”,“ 220度”。

  • 中左 -与“ 340deg”相同。带有“背后”,“ 200deg”。

  • 中心 -与'0deg'相同。带有“在后面”,“ 180度”。

  • 右中 -与'20deg'相同。带有“背后”,“ 160deg”。

  •  -与“ 40deg”相同。带有“背后”,“ 140deg”。

  • 最右端 -与“ 60deg”相同。带有“背后”,“ 120deg”。

  • 右侧 -与“ 90deg”相同。带有“背后”,“ 90deg”。

  • 向左 -将声音向左移动并相对于当前角度。更精确地说,减去20度。

  • 向右 -将声音相对于当前角度向右移动。更精确地说,相加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>

高程属性

高程属性设置声音应垂直来自何处。可能的值如下-

  •  -指定仰角为角度,之间 -90deg 和 90度。 0deg 表示在向前的地平线上,这宽松地表示与侦听器平。 90deg 表示直接在上方,  -90deg 表示在下方。

  • 下面 -与'-90deg'相同。

  • 级别 -与“ 0deg”相同。

  • 以上 -与'90deg'相同。

  • 更高 -向当前高程添加10度。

  • 较低 -从当前海拔高度减去10度。

这是一个例子-

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

提示后属性

cue-after属性指定在说出元素的内容以将其与其他元素分隔后要播放的声音。可能的值包括-

  • url- 要播放的声音文件的URL。

  •  -无需播放任何内容。

这是一个例子-

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

提示前属性

此属性指定在说出元素的内容以将其与其他元素分隔之前要播放的声音。可能的值为-

  • url- 要播放的声音文件的URL。

  •  -无需播放任何内容。

这是一个例子-

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

提示属性

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>

暂停后属性

此属性指定在说出元素的内容后要观察到的暂停。可能的值为-

  • 时间 -表示在绝对时间单位(秒和毫秒)暂停。

  • 百分比 -指语音速率 属性值的倒数 。例如,如果该语音速率为每分钟120个字(即一个字需要半秒,或500毫秒),则 暂停之后 的500毫秒为100所%表示的暂停和 暂停后 的20%的装置100毫秒。

暂停前属性

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

  • 时间 -表示在绝对时间单位(秒和毫秒)暂停。

  • 百分比 -指语音速率 属性值的倒数 。例如,如果语音速率为每分钟120个单词(即一个单词需要半秒或500毫秒),则  100%之前的停顿意味着500毫秒的停顿, 而20%之前停顿意味着100毫秒的 停顿

暂停属性

此属性是用于设置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>

音高属性

此属性指定语音的平均音高(频率)。声音的平均音高取决于声音系列。例如,标准男性声音的平均音高约为120Hz,而女性声音的平均音高约为210Hz。可能的值为-

  • 频率 -以赫兹(Hz)指定语音的平均音高。

  • x低,低,中,高,x高 -这些值不映射到绝对频率,因为这些值取决于语音系列。

音高范围属性

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

  • 数字 -一个介于'0'和'100'之间的值。音高范围为“ 0”会产生平坦,单调的声音。音高范围为50会产生正常的转弯。音高范围大于50时会产生动画声音。

游戏期间财产

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

  • URI- 由<uri>指定的声音在说出元素内容的同时作为背景播放。

  • mix- 当存在时,此关键字表示从父元素的 play-during 属性继承的声音继续播放,并且uri指定的声音  与其混合。如果  未指定mix,则元素的背景声音将替换父元素的背景声音。

  • 重复 -出现时,此关键字表示如果声音太短而无法填充元素的整个持续时间,则声音将重复播放。否则,声音播放一次,然后停止。

  • 自动 -父元素的声音继续播放。

  • 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>

丰富性

此属性指定语音的丰富度或亮度。可能的值为-

  • 数字 -一个介于'0'和'100'之间的值。值越高,声音携带的越多。较低的值会产生柔和的声音。

说话的财产

此属性指定文本是否将以声音形式呈现,如果是,则以何种方式呈现。可能的值为-

  • none- 抑制听觉渲染,因此该元素不需要任何时间进行渲染。

  • normal- 使用依赖于语言的发音规则来渲染元素及其子元素。

  • 拼写-一次 将文本拼写一个字母。

请注意,其“音量”属性的值为“沉默”的元素与其“语音”属性的值为“无”的元素之间是有区别的。前者占用的时间与说出的时间相同,包括元素前后的任何暂停,但不会产生声音。后者不需要时间,也不会呈现。

言语财产

此属性控制数字的发音方式。可能的值为-

  • 数字 -将数字说成单独的数字。因此,“ 237”被称为“二三七”。

  • 连续 -将数字说成整数。因此,“ 237”被称为“ 237”。单词表示形式取决于语言。

标点符号属性

此属性指定如何说出标点符号。可能的值为-

  • 代码 -标点符号,如分号,大括号等,应按字面意思说。

  • 没有 -标点不被说出,而是自然地呈现为不同的暂停。

语速属性

此属性指定语速。请注意,绝对和相对关键字值均允许。可能的值为-

  • 数字 -以每分钟字数为单位指定讲话率。

  • x-  slow-等同于每分钟80个单词。

  •  -等同于每分钟120个单词。

  •  -与每分钟180 – 200个单词相同。

  •  -等同于每分钟300个单词。

  • x-  fast-等同于每分钟500个单词。

  • 更快 -每分钟增加40个单词到当前语音速率。

  • 较慢 -从当前语音速率中每分钟减去40个单词。

应力特性

此属性指定声音的语调轮廓中“局部峰”的高度。英语是一种重读语言,为句子的不同部分分配了主要,次要或三级重音。可能的值为-

  • 数字 -一个介于'0'和'100'之间的值。值的含义取决于所使用的语言。例如,标准的说英语的男性声音(平均音高= 122Hz)以正常语调和强调说话的水平为“ 50”将与意大利声音的含义为“ 50”不同。

语音家庭财产

该值是用逗号分隔的语音姓氏的优先列表。它可以具有以下值-

  • 通用语音 -值是语音族。可能的值是“男性”,“女性”和“孩子”。

  • 特定语音 -值是特定实例(例如喜剧演员,三位一体动物,卡洛斯,拉尼)。

这是一个例子-

<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代表最大舒适度。

  • 百分比 -这些值是相对于继承值计算的,然后被裁剪到'0'到'100'的范围内。

  • 静音 -完全没有声音。值“ 0”与“ silent”的含义不同。

  • x-soft- 与“ 0”相同。

  • soft- 与“ 25”相同。

  •  -与“ 50”相同。

  • 大声 -与“ 75”相同。

  • x大声 -与'100'相同。

这是一个例子-

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