SpeechSynthesisUtterance屬性介紹：

SpeechSynthesisUtterance.lang：設(shè)置話語(yǔ)的語(yǔ)言。 例如：“zh-cn”表示中文

SpeechSynthesisUtterance.pitch：設(shè)置說(shuō)話的音調(diào)(音高)。范圍從0（最?。┑?（最大）。默認(rèn)值為1

SpeechSynthesisUtterance.rate：設(shè)置說(shuō)話的速度。默認(rèn)值是1，范圍是0.1到10，表示語(yǔ)速的倍數(shù)，例如2表示正常語(yǔ)速的兩倍

SpeechSynthesisUtterance.text：設(shè)置在說(shuō)話時(shí)將合成的文本內(nèi)容。

SpeechSynthesisUtterance.voice：設(shè)置用于說(shuō)話的聲音。

SpeechSynthesisUtterance.volume：設(shè)置將在其中發(fā)言的音量。區(qū)間范圍是0到1，默認(rèn)是1

<template>
    <button @click="playVoice">播放語(yǔ)音</button>
</template>
<script>
const synth = window.speechSynthesis;
const msg = new SpeechSynthesisUtterance();
export default {
  data() {
      text: "您有新的訂單"
  },
 methods: {
    playVoice() {
      this.handleSpeak(this.text) // 傳入需要播放的文字
    }
    // 語(yǔ)音播報(bào)的函數(shù)
    handleSpeak(text) {
      msg.text = text;     // 文字內(nèi)容: 小朋友，你是否有很多問(wèn)號(hào)
      msg.lang = "zh-CN";  // 使用的語(yǔ)言:中文 
      msg.volume = 0.5;      // 聲音音量：1  設(shè)置將在其中發(fā)言的音量。區(qū)間范圍是0到1，默認(rèn)是1
      msg.rate = 1;        // 語(yǔ)速：1  設(shè)置說(shuō)話的速度。默認(rèn)值是1，范圍是0.1到10，表示語(yǔ)速的倍數(shù)，例如2表示正常語(yǔ)速的兩倍
      msg.pitch = 1.5;       // 音高：2  設(shè)置說(shuō)話的音調(diào)(音高)。范圍從0（最?。┑?（最大）。默認(rèn)值為1
      synth.speak(msg);    // 播放
    },
    // 語(yǔ)音停止
    handleStop(e) {
      msg.text = e;
      msg.lang = "zh-CN";
      synth.cancel(msg);
    },
  }