CSS 音频 参考
音频样式表
音频样式表结合语音合成和音效,让用户聆听信息,而不是阅读信息。
音频呈现可用于
- 视障人士
- 帮助学习阅读的用户
- 帮助阅读障碍的用户
- 家庭娱乐
- 车载
- 印刷障碍群体
音频呈现将文档转换为纯文本,并将其馈送到屏幕阅读器(一个读取屏幕上所有字符的程序)。
音频样式表示例
@media aural {
h1, h2, h3, h4 {
voice-family: male;
richness: 80;
cue-before: url("beep.au")
}
}
以上示例将使语音合成器播放声音,然后以非常丰富的男声朗读标题。
注意:aural CSS 媒体类型已弃用。
CSS 音频参考
属性 | 描述 | 值 |
---|---|---|
azimuth | 设置声音应来自哪里 | 角度 左侧 最左侧 左 左中 中心 右中 右 最右侧 右侧 后面 向左 向右 |
cue | 在一个声明中设置提示属性 | cue-before cue-after |
cue-after | 指定在朗读元素内容后要播放的声音 | 无 url |
cue-before | 指定在朗读元素内容之前要播放的声音 | 无 url |
elevation | 设置声音应来自哪里 | 角度 下面 水平 上面 更高 更低 |
pause | 在一个声明中设置暂停属性 | pause-before pause-after |
pause-after | 指定在朗读元素内容后暂停 | 时间 % |
pause-before | 指定在朗读元素内容之前暂停 | 时间 % |
pitch | 指定说话的声音 | 频率 极低 低 中 高 极高 |
pitch-range | 指定说话声音的变化。(单调的声音还是动画的声音?) | 数字 |
play-during | 指定在朗读元素内容时要播放的声音 | 自动 无 url 混合 重复 |
richness | 指定说话声音的丰富度。(浑厚的声音还是单薄的声音?) | 数字 |
speak | 指定内容是否将以音频方式呈现 | 正常 无 拼写 |
speak-header | 指定如何处理表格标题。标题是否应在每个单元格之前都朗读,或者仅在单元格的标题与前一个单元格不同时朗读 | 总是 一次 |
speak-numeral | 指定如何朗读数字 | 数字 连续 |
speak-punctuation | 指定如何朗读标点符号 | 无 代码 |
speech-rate | 指定说话的速度 | 数字 极慢 慢 中 快 极快 更快 更慢 |
stress | 指定说话声音中的“重音” | 数字 |
voice-family | 指定说话的语音家族 | 特定语音 通用语音 |
volume | 指定说话的音量 | 数字 % 静音 极轻 轻 中 响 极响 |