使用 W3C Web Speech API 生成音频文件

Question

是否可以使用 W3C Web Speech API 编写 Javascript 代码来生成带有语音给定文本的音频文件（wav、ogg 或 mp3）？我的意思是，我想做类似的事情：

window.speechSynthesis.speak(new SpeechSynthesisUtterance("0 1 2 3"))

但我希望用它生成的声音不是输出到扬声器而是输出到文件。

Answer 1

仅使用 Web Speech API 无法满足要求，请参阅Re: MediaStream, ArrayBuffer, Blob audio result from speak() for recording?、How to implement option to return Blob, ArrayBuffer, or AudioBuffer from window.speechSynthesis.speak() call

尽管使用库可以满足要求，例如 espeak 或 meSpeak，请参阅 How to create or convert text to audio at chromium browser?。

fetch("https://gist.githubusercontent.com/guest271314/f48ee0658bc9b948766c67126ba9104c/raw/958dd72d317a6087df6b7297d4fee91173e0844d/mespeak.js")
  .then(response => response.text())
  .then(text => {
    const script = document.createElement("script");
    script.textContent = text;
    document.body.appendChild(script);

    return Promise.all([
      new Promise(resolve => {
        meSpeak.loadConfig("https://gist.githubusercontent.com/guest271314/8421b50dfa0e5e7e5012da132567776a/raw/501fece4fd1fbb4e73f3f0dc133b64be86dae068/mespeak_config.json", resolve)
      }),
      new Promise(resolve => {
        meSpeak.loadVoice("https://gist.githubusercontent.com/guest271314/fa0650d0e0159ac96b21beaf60766bcc/raw/82414d646a7a7ef11bb04ddffe4091f78ef121d3/en.json", resolve)
      })
    ])
  })
  .then(() => {
    // takes approximately 14 seconds to get here
    console.log(meSpeak.isConfigLoaded());
    console.log(meSpeak.speak("what it do my ninja", {
      amplitude: 100,
      pitch: 5,
      speed: 150,
      wordgap: 1,
      variant: "m7",
      rawdata: "mime"
    }));
})
.catch(err => console.log(err));

还有使用MediaRecorder 的解决方法，具体取决于系统硬件How to capture generated audio from window.speechSynthesis.speak() call?。