前端实现语音合成

前言

语音合成的实现方式有多种：
第一种：HTML5语音Web Speech API
第二种：百度文字转语音开放API
第三种：微软TTS引擎（没有实际使用，此文章就不多赘述）

实现方式（vue环境）

一、HTML5语音Web Speech API

Web Speech有两类API：

1.语音合成（Speech Synthesis） -----------> 文字变语音
2.语音识别（Speech Recognition）-----------> 语音转文字

兼容性传送带

语音合成Speech Synthesis API的核心：SpeechSynthesisUtterance和speechSynthesis

代码实现

 	<a-button @click="voicePlay">
    	<a-icon type="play-circle" />播放
    </a