文本到语音 Web api 导致语音设置错误

Question

点击按钮我想说blue skyen-US语言
此代码导致utterThis.voice 行出错
请帮忙

var synth = window.speechSynthesis;

$('button').on('click', function(){
    var utterThis = new SpeechSynthesisUtterance('blue sky');
        utterThis.rate = 1;
        utterThis.pitch = 1;
        utterThis.voice = {voiceURI: 'Google US English', name: 'Google US English', lang: 'en-US', localService: false, default: false};
    synth.speak(utterThis);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>CLICK</button>

Answer 1

您需要使用 .getVoices 返回的声音之一 - 将普通对象分配给 .voice 将不起作用。

$('button').on('click', function() {
  var utterThis = new SpeechSynthesisUtterance('blue sky');
  utterThis.rate = 1;
  utterThis.pitch = 1;

  for (const v of speechSynthesis.getVoices()) {
    if (v.voiceURI === 'Google US English') {
      utterThis.voice = v;
    }
  }
  speechSynthesis.speak(utterThis);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>CLICK</button>

.getVoices 返回的声音由要支持的浏览器/操作系统验证，并且明显与将文本转换为语音的底层服务相关联 - 另一方面，普通对象没有，这这就是为什么普通对象不起作用的原因。