Web速查-索引

Alt text

定义

Specch属性设置音轨。

注意：只在Opera浏览器中支持。

属性值

属性 说明
mark 缩写属性设置mark-before和mark-after属性
mark-after 允许命名的标记连接到音频流
mark-before 允许命名的标记连接到音频流
phonemes 指定包含文本的相应元素中的一个音标发音
rest 一个缩写属性设置rest-before和rest-after属性
rest-after 一个元素的内容讲完之后，指定要休息一下或遵守韵律边界
rest-before 一个元素的内容讲完之前，指定要休息一下或遵守韵律边界
voice-balance 指定了左，右声道之间的平衡
voice-duration 指定应采取呈现所选元素的内容的长度
voice-pitch 指定平均说话的声音的音调（频率）
voice-pitch-range 指定平均间距的变化
voice-rate 控制语速
voice-stress 指示着重力度
voice-volume 语音合成是指波形输出幅度

实例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>

    <style>

        #speech-sample {voice-family: male;}

        #voice-volume {-xv-voice-volume: x-soft; -xv-voice-balance: right;}

        #voice-balance {-xv-voice-balance: left;}

        #speech-cue {cue-after: url(img/fishc.wav);}

        #voice-rate {-xv-voice-rate: x-slow;}

        #voice-family {voice-family: female;}

        #voice-pitch {-xv-voice-pitch: x-low;}

        #speech-speak {speak: spell-out;}

    </style>

</head>

<body>

   <div id="speech-sample">

       测试下面一些CSS属性，有：

       <span id="voice-volume">voice-volume,</span>

       <span id="voice-balance">voice-balance,</span>

       <span id="voice-rate">voice-rate,</span>

       <span id="voice-family">voice-family,</span>

       <span id="voice-pitch">voice-pitch,</span>

       <span id="speech-speak">speak</span>

       <span id="speech-cue">cue-after.</span>

   </div>

</body>

</html>

在上面的实例中，展示语音特性，可以本地准备.wav格式文件进行测试。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari Chrome FireFox IE
- - - -