CSS 听觉参考手册
编辑教程听觉样式表
听觉样式表可把语音合成与音响效果相组合,使用户可以听到信息,而无需进行阅读。
听觉呈现可用于:
- 视觉能力低弱的人士
- 帮助用户学习阅读
- 帮助有阅读障碍的用户
- 家庭娱乐
- 在汽车中使用
听觉呈现通常会把文档转化为纯文本,然后传给屏幕阅读器(可读出屏幕上所有字符的一种程序)。
听觉样式表的一个例子:
h1, h2, h3, h4
{
voice-family: male;
richness: 80;
cue-before: url("beep.au")
}
上面的例子可以让语音合成器演奏一段声音,然后用男性的声音读出标题。
CSS2 听觉参考
CSS"列表示在CSS版本的属性定义(CSS1或CSS2)。
Property | 说明 | Values | CSS |
---|---|---|---|
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 | 指定讲话声音的变化。 (单调的声音或动态的声音?) |
number | 2 |
play-during | 指定在读一个元素的内容时要播放的声音 | auto none url mix repeat |
2 |
richness | 指定丰富的讲话声音。 (浑厚的声音或细的声音?) |
number | 2 |
speak | 指定内容是否会提供听觉方式 | normal none spell-out |
2 |
speak-header | 设置或检索表格标题是 在所有的单元格之前发声, 还是到一个不与之关联的单元格就结束发声。 |
always 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 | 讲话声音在指定的地方"重音" | number | 2 |
voice-family | 设置或检索当前声音类型 | specific-voice generic-voice |
2 |
volume | 指定发言的音量 | number % silent x-soft soft medium loud x-loud |
2 |
Mos固件,小电视必刷固件
ES6 教程
Vue.js 教程
JSON 教程
jQuery 教程
HTML 教程
HTML 5 教程
CSS 教程
CSS3 教程
JavaScript 教程
DHTML 教程
JSON在线格式化工具
JS在线运行
JSON解析格式化
jsfiddle中国国内版本
JS代码在线运行
PHP代码在线运行
Java代码在线运行
C语言代码在线运行
C++代码在线运行
Python代码在线运行
Go语言代码在线运行
C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。
大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
![](http://cdns.jsrun.net/avatar/default.png)
选择支付方式:
![支付宝](/res/css/img/alipay.png)
![微信](/res/css/img/wxpay.png)
立即支付
![支付宝](/res/css/img/alipay.png)
¥
9.99
无法付款,请点击这里
金额: 0 元
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟