speechSynthesis实现语音播报功能

1：实现

  const synth = window.speechSynthesis //创建语音
  const msg = new SpeechSynthesisUtterance() //文本实例

  const handleSpeak = (val) => {
    msg.text = val // 文字内容: 测试内容
    msg.lang = 'zh-CN' // 使用的语言:中文
    msg.volume = 1 // 声音音量：1
    msg.rate = 1 // 语速：1
    msg.pitch = 1 // 音高：1
    synth.speak(msg) // 播放
  }
  //停止
  const handleStop = () => {
    synth.cancel(msg)
  }

2: 问题

由于chrome安全机制，无法自动播放，必须在用户交互之后才可以自动播放

3：解决办法

chrome://settings/content/sound 配置一下想要自动播放声音的网址