排列五开奖历史记录:window属性:speechSynthesis

由 Carrie 创建, 最后一次修改 2018-07-13

speechSynthesis属性

排列五发现一个规律 www.g42ek.com.cn 注意:speechSynthesis属性目前处于实验性阶段,在使用它之前,请仔细检查浏览器兼容性表。

Window对象的只读属性speechSynthesis返回一个SpeechSynthesis对象,该对象是使用Web Speech API语音合成功能的入口点。

speechSynthesis属性语法

var synth = window.speechSynthesis;

speechSynthesis属性值

一个SpeechSynthesis对象。

speechSynthesis属性示例

在我们的基本语音合成器演示中,我们首先使用window.speechSynthesis获取对SpeechSynthesis控制器的引用。在定义了一些必要的变量之后,我们使用SpeechSynthesis.getVoices()检索可用语音的列表并用它们填充选择菜单,以便用户可以选择他们想要的语音。

在inputForm.onsubmit处理程序内部,我们使用preventDefault()停止表单提交,创建一个新SpeechSynthesisUtterance实例,其包含文本<input>的文本,将话语的语音设置为<select>元素中选择的语音,然后通过该SpeechSynthesis.speak()方法开始说话。

var synth = window.speechSynthesis;

var inputForm = document.querySelector('form');
var inputTxt = document.querySelector('input');
var voiceSelect = document.querySelector('select');


function populateVoiceList() {
  voices = synth.getVoices();

  for(i = 0; i < voices.length ; i++) {
    var option = document.createElement('option');
    option.textContent = voices[i].name + ' (' + voices[i].lang + ')';
    
    if(voices[i].default) {
      option.textContent += ' -- DEFAULT';
    }

    option.setAttribute('data-lang', voices[i].lang);
    option.setAttribute('data-name', voices[i].name);
    voiceSelect.appendChild(option);
  }
}

populateVoiceList();
if (speechSynthesis.onvoiceschanged !== undefined) {
  speechSynthesis.onvoiceschanged = populateVoiceList;
}

inputForm.onsubmit = function(event) {
  event.preventDefault();

  var utterThis = new SpeechSynthesisUtterance(inputTxt.value);
  var selectedOption = voiceSelect.selectedOptions[0].getAttribute('data-name');
  for(i = 0; i < voices.length ; i++) {
    if(voices[i].name === selectedOption) {
      utterThis.voice = voices[i];
    }
  }
  synth.speak(utterThis);
  inputTxt.blur();
}

规范

规范 状态 注释
Web Speech API 
该规范中“SpeechSynthesis”的定义。
Draft
 

浏览器兼容性

电脑端 移动端
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Android webview Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持:33 支持 支持:49 支持 ? 支持:7 ? 支持 支持 支持 支持 支持:7.1
以上内容是否对您有帮助:
laravel郭孟涛
二维码
排列五发现一个规律
二维码
  • 回复@了不起重上井冈山2:然后你连讨饭都省了? 2019-02-19
  • 美帝拉拢人民,才能反对共产党。 2019-02-18
  • 携手创造上合更加美好的未来 2019-02-17
  • Premier de China ofrece rueda de prensa Spanish.xinhuanet.com 2019-02-16
  • 中国电信发布人工智能终端白皮书 2019-02-16
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-02-15
  • 2018父亲节送什么礼物好 父亲节送爸爸岳父最好的礼物排行榜top10 2019-02-15
  • 但,其他生活垃圾分类不一定能做到 2019-02-14
  • 分开来吃相当于延长节日气氛对身体也有好处。 2019-02-14
  • 全新一代X6的假想图曝光 基于CLAR打造 2019-02-13
  • 为丰富百姓餐桌提供更多选择(打开对外开放新局面) 2019-02-13
  • 东嘎寺看藏戏文章中国国家地理网 2019-02-12
  • 中国将大幅降低日用消费品进口关税 代购们着急了 2019-02-12
  • 娜扎解锁时尚双封面 猫系执着玩转多重格调 2019-02-11
  • “五星”调解能手张五星 2019-02-11
  • 169| 911| 160| 322| 738| 314| 468| 939| 658| 23|