百度合成

<audio ref="refAudio" :src="audioUrl">您的瀏覽器不支持 audio 標(biāo)簽。</audio>

handleSpeak(str){
      if(this.audio != null){
        this.audio.pause()
        this.audio = null
      }

      this.$nextTick(() => {
        this.audio = this.$refs.refAudio
        let url="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=5&text="+encodeURI(str)

        // this.audio = new Audio(url)
        this.audio.src = url
        this.audio.loop = false;
        this.audio.play()

        this.audio.addEventListener('ended', () => { 
          this.audio.pause()
          this.audio = null

          this.$nextTick(() => {
            let text = ''
            this.platformData.forEach(item => {
              text +=`${item.truckNo}——請(qǐng)?？俊?{item.name}——`
              text +=`${item.truckNo}——請(qǐng)?？俊?{item.name}——`
            })
            this.handleSpeak(text)
          })
          // $('#playvoice').attr("src",'images/play_voice_off.png');  
        }, false);
      })
    }

注意：new Audio 形式在關(guān)閉頁面，再次打開該頁面，audio 沒被銷毀，會(huì)多個(gè)聲音觸發(fā)。

html5 SpeechSynthesisUtterance

this.speechObj = new window.SpeechSynthesisUtterance();
this.speechObj.text = `【${this.platformData[idx].truckNo}】請(qǐng)?？俊?{this.platformData[idx].name}】`
          this.speechObj.volume = 1.5 // 播放音量
          window.speechSynthesis.speak(this.speechObj);

win10環(huán)境下ie 沒什么，win7系統(tǒng)所有瀏覽器都沒聲音（未解）。