CSS - Aural Media

网络文档可以由语音合成器呈现. 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>Tutorialspoint.com</h1>
      <h2>Tutorialspoint.com</h2>
      <h3>Tutorialspoint.com</h3>
      <h4>Tutorialspoint.com</h4>
      <h5>Tutorialspoint.com</h5>
      <h6>Tutorialspoint.com</h6>
      <p>Tutorialspoint.com</p>
      
   </body>
</html>

它将产生以下结果 :

它将指示语音合成器以语音方式说出标题(一种音频字体)称为"保罗",平坦的语气,但声音非常丰富.在说出标题之前,将从给定的URL播放声音样本.

类'heidi'的段落似乎来自左前方(如果声音系统具有空间音频) )和右边的'peter'类段落.

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

  • azimuth 属性设置,声音应来自水平.

  • 高程属性设置,声音应来自垂直.

  • cue-after 指定在说出元素的内容以将其与其他内容分隔后播放的声音.

  • cue-before 指定声音为在说出元素的内容以将其与其他内容分开之前播放.

  • cue 是设置cue-before和cue-的简写之后.

  • 暂停 - 之后指定暂停为止在说出元素的内容之后就已经过了.

  • pause-before 指定在说出元素内容之前要观察的暂停.

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

  • 音高指定发言权的平均音高(频率).

  • 音高范围指定平均音高的变化.

  • play-during 指定要播放的声音使用元素的内容时的背景.

  • 丰富度指定说话声音的丰富度或亮度.

  • 发言指定文本是否会以听觉方式呈现,如果是,则以何种方式呈现.

  • 说数字控制数字的说话方式.

  • 说话 - 标点符号指定如何说出标点符号.

  • 语速率指定说话率.

  • 压力指定语音语调轮廓中"局部峰值"的高度.

  • voice-family 指定语音系列名称的优先级列表.

  • 音量是指语音的中位音量.

方位角属性

方位角属性设置声音应来自水平方向的位置.可能的值列在下面和下面;

  • angle : 根据在 -360deg 至360°的范围内的角度来描述位置.值 0deg 表示在声场的中心正前方. 90deg 在右边, 180deg 在后面, 270deg (或者,等同地,更方便地, -90deg )在左边.

  • 左侧 : 与'270deg'相同.使用'后面','270deg'.

  • 极左 : 与'300deg'相同.使用'后面','240deg'.

  • : 与'320deg'相同.使用'后面','220deg'.

  • 中左 -   : 去;与'340deg'相同.使用'后面','200deg'.

  • 中心 : 与'0deg'相同.使用'后面','180deg'.

  • 中右 -   : 去;与'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>

提升属性

提升属性设置声音应垂直的位置.可能的值如下&&;

  • angle : 将高程指定为角度,在 -90deg 90deg 之间. 0deg 意味着在前方视野中,这与听众松散地意味着水平. 90deg 意味着直接开销, -90deg 意味着直接在下方.

  • 以下 : 与'-90deg'相同.

  • 等级 : 与'0deg'相同.

  • 以上 : 与'90deg'相同.

  • 更高 : 向当前高程添加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">
   <!--
      h1   { elevation: above }
      tr.a { elevation: 60deg }
      tr.b { elevation: 30deg }
      tr.c { elevation: level }
   -->
</style>

cue-before属性

此属性指定在说出元素的内容以分隔它之前要播放的声音从其他地方.可能的值为 :

  • url : 要播放的声音文件的URL.

  • none : 没有什么必须播放.

这是一个例子 :

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

cue属性

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

例如,以下两个规则是等效的 :

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

暂停后属性

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

  • 时间 : 以绝对时间单位(秒和毫秒)表示暂停.

  • 百分比 : 指的是语速率属性值的倒数.例如,如果语速为每分钟120个字(即一个字需要半秒或500毫秒),则暂停 - 之后为100%意味着暂停500毫秒并且暂停 - 之后 20%表示100毫秒.

暂停前属性

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

  • 时间 : 以绝对时间单位(秒和毫秒)表示暂停.

  • 百分比 : 指的是语速率属性值的倒数.例如,如果语速为每分钟120个字(即一个字需要半秒或500毫秒),那么暂停 - 之前为100%表示暂停500毫秒并且暂停 - 之前 20%意味着100ms.

暂停属性

此属性是设置暂停前暂停后的简写.如果给出两个值,则第一个值是暂停 - 之前,第二个值是暂停 - 之后.

这是一个示例 :

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

音高属性

此属性指定说话语音的平均音高(频率).语音的平均音高取决于语音系列.例如,标准男声的平均音高约为120Hz,但对于女声,则约为210Hz.可能的值为 :

  • 频率 : 指定说话声音的平均音高,单位为赫兹(Hz).

  • x-low,low,medium,high,x-high : 这些值不会映射到绝对频率,因为这些值取决于语音族.

音高范围属性

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

  • number :  "0"和"100"之间的值.音高范围'0'产生平坦,单调的声音. 50的音高范围产生正常的拐点.音高范围大于50会产生动画声音.

播放期间属性

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

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

  • mix : 如果存在,此关键字表示从父元素的播放期间属性继承的声音继续播放,并且 uri 指定的声音与其混合.如果未指定 mix ,则元素的背景声音将替换父母的.

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

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

丰富属性

此属性指定说话声音的丰富度或亮度.可能的值为 :

  • number :  "0"和"100"之间的值.值越高,声音携带的越多.较低的值会产生柔和,流畅的声音.

说话物业

此属性指定文本是以听觉方式呈现,如果是,则以何种方式呈现.可能的值为 :

  • none : 禁止听觉渲染,以便元素不需要时间渲染.

  • 正常 : 使用与语言相关的发音规则来渲染元素及其子元素.

  • 拼写 : 每次拼写一个字母.

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

说话数字属性

此属性控制数字的说话方式.可能的值为 :

  • digits : 将数字说成个别数字.因此,"237"被称为"二三七".

  • 连续 : 将数字作为完整数字说出来.因此,"237"被称为"二百三十七". Word表示依赖于语言.

说话标点符号属性

此属性指定如何说标点符号.可能的值为 :

  • 代码 : 字面意思是分号,大括号等标点符号.

  • none : 标点符号不会被说出,而是自然地呈现为各种暂停.

语速属性

此属性指定发言费率.请注意,允许使用绝对和相对关键字值.可能的值为 :

  • number : 指定每分钟单词的发言费率.

  • x-slow : 与每分钟80个字相同.

  • : 与每分钟120字相同.

  • medium : 与每分钟180  -  200字相同.

  • 快速 : 与每分钟300字相同.

  • x-fast : 与每分钟500字相同.

  • 更快 : 每分钟添加40个单词到当前的语速.

  • : 从当前的语速中减去每分钟40个单词.

压力属性

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

  • number :  "0"和"100"之间的值.价值观的含义取决于所说的语言.例如,对于标准的,说英语的男性声音(平均音高= 122Hz),用正常语调和强调说话的水平为"50",意大利语的声音与"50"的意义不同.

语音系列属性

该值是以逗号分隔的优先语音系列名称列表.它可以有以下值和减号;

  • generic-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代表最大舒适水平.

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

  • 无声 : 完全没声音.值'0'与'沉默'并不相同.

  • x-soft : 与'0'相同.

  • soft : 与'25'相同.

  • medium : 与'50'相同.

  • 响亮 : 与'75'相同.

  • x-loud : 与'100'相同.

这是一个示例 :

<style type = "text/css">
   <!--
      P.goat  { volume: x-soft }
   -->
</style>
本文链接:https://www.f2er.com/3188869.html