阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS 听觉参考手册

      CSS 听觉参考手册


      听觉样式表使用了语音合成和声音效果的结合,让用户收听信息,而不是读取信息。

      有声显示可用于:

      • 失明人士
      • 帮助用户学习阅读
      • 帮助具有阅读问题的用户
      • 家庭娱乐
      • 在车上

      听觉呈现通常会把文档转化为纯文本,然后传给屏幕阅读器(可读出屏幕上所有字符的一种程序)。

      听觉样式表的一个例子:

      h1,h2,h3,h4 {
          voice-family:male;
          richness:80;
          cue-before:url("beep.au")
      }
      

      上面的例子用语音合成器播放声音,开头有一个男性的声音说话。


      CSS 听觉参考手册

      PropertyDescriptionValuesCSS
      azimuth设置声音应该来自哪里angle
      left-side
      far-left
      left
      center-left
      center
      center-right
      right
      far-right
      right-side
      behind
      leftwards
      rightwards
      2
      cue在一个声明中设置cue属性cue-before
      cue-after
      2
      cue-after指定要播放的声音在一个元素的内容后面none
      url
      2
      cue-before指定要播放的声音在一个元素的内容前面none
      url
      2
      elevation设置声音应该来自哪里angle
      below
      level
      above
      higher
      lower
      2
      pause在一个声明中设置pause属性pause-before
      pause-after
      2
      pause-after在一个元素的内容之后,指定暂停time
      %
      2
      pause-before在一个元素的内容之前,指定暂停time
      %
      2
      pitch指定讲话声音frequency
      x-low
      low
      medium
      high
      x-high
      2
      pitch-range指定讲话声音的变化。(单调的声音或动态的声音?)number2
      play-during指定在读一个元素的内容时要播放的声音auto
      none
      url
      mix
      repeat
      2
      richness指定丰富的讲话声音。(浑厚的声音或细的声音?)number2
      speak指定内容是否会提供听觉方式normal
      none
      spell-out
      2
      speak-header此属性设置或检索表格标题是在所有的单元格之前发声,
      还是到一个不与之关联的单元格就结束发声。
      lways
      once
      2
      speak-numeral设置或检索数字如何发音。digits
      continuous
      2
      speak-punctuation设置或检索标点字符如何发音none
      code
      2
      speech-rate指定发言速度number
      x-slow
      slow
      medium
      fast
      x-fast
      faster
      slower
      2
      stress讲话声音在指定的地方”重音”number2
      voice-family设置或检索当前声音类型specific-voice
      generic-voice
      2
      volume指定发言的音量number
      %
      silent
      x-soft
      soft
      medium
      loud
      x-loud
      2
      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录