var synth = window.speechSynthesis;
var u = new SpeechSynthesisUtterance();
u.lang = 'zh-TW';
u.text = "你要讀出的中文內容";
synth.speak(u);

var synth = window.speechSynthesis;
var u = new SpeechSynthesisUtterance();
//u.lang = 'zh-TW'; //這句絕對不要用
u.text = "你要讀出的中文內容";

// 用 synth.getVoices() 取得支援的語音列表
// 要注意網頁開啟後首次執行 window.speechSynthesis 後才會把語音功能載入
// 大概要花幾秒鐘的時間才能完全載入,再來才能正確取得語音列表
// 所以要想辦法延遲 synth.getVoices(); 的執行時間
// 
// 或是使用下面的事件偵測
// (這個事件在載入過程會被觸發多次,很難用,他是偵測changed不是偵測完全載入完成,
// 但這是window.speechSynthesis裡唯一的一個事件偵測,沒其他選擇)
// var voices;
// window.speechSynthesis.onvoiceschanged = function() {
//   voices = synth.getVoices();
//   // 注意 speak() 不要直接寫在這裡,不然會被重覆觸發多次
// };
var voices = synth.getVoices();

for(let index = 0; index < voices.length; index++) {
  /*
  "Google US English"
  "Google 日本語"
  "Google 普通话（中国大陆）"
  "Google 粤語（香港）"
  "Google 國語（臺灣）"
  */

  //console.log(this.voices[index].name);
  if(voices[index].name == "Google 國語（臺灣）"){       
    //u.lang = 'zh-TW'; //這句絕對不要用
    //要使用Google中文語音的話請不要再用u.lang指定語言
    //不然可能又會被切回系統預設的中文語音
    u.voice = voices[index];
    break;
  }else{
    //如果沒有則使用預設中文語音
    u.lang = 'zh-TW';
  }
}

synth.speak(u);