vue 实现文字转语音tts

1. 调用本地方法实现文字转语音 。缺点：win7系统部分版本不发声音，优点：不需要外网支持

const synth = window.speechSynthesis
const msg = new SpeechSynthesisUtterance()
 created() {
    this.handleSpeak('要合成的文字')
  },

/**
     *  text – 要合成的文字内容，字符串
     * lang – 使用的语言，字符串， 例如：“zh-cn”
     * voiceURI – 指定希望使用的声音和服务，字符串
     * volume – 声音的音量，区间范围是0到1，默认是1
     * rate – 语速，数值，默认值是1，范围是0.1到10，表示语速的倍数，例如2表示正常语速的两倍。
     * pitch – 表示说话的音高，数值，范围从0（最小）到2（最大）。默认值为1
     */
    handleSpeak(text) {
      console.log(text)
      msg.text = text
      msg.lang = 'zh-CN'
      msg.volume = 1
      msg.rate = 0.8
      msg.pitch = 2
      synth.speak(msg)
    },

2.使用百度开发api实现。 优点：系统可以兼容。缺点：必须使用外网支持
spd：说话的速度
template:

<template>
    <div id="wrapp" />

script：

 var ttsDiv = document.getElementById('wrapp')
    var au1 = '<audio id="wrapp_aud" autoplay="autoplay">'
    var sss = '<source src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=4&per=0&text=' + '要合成的文字' + '" type="audio/mpeg">'
    var au2 = '</audio>'
    console.log(ttsDiv)
    ttsDiv.innerHTML = au1 + sss + au2
    const wrappAudio = document.getElementById('wrapp_aud')
    console.log('开始播放')
    wrappAudio.play()