语音服务－文字转换语音范例(text-to-speech)

今天反过来，试试文字转换语音的范例

跟前天的语音服务－语音转换文字范例(from-file)一样
把index.html跟token.php部署到一个Azure Web App中
完成的页面如下，介面就类似前两天的范例

基本上就跟昨天的程序类似
只是要先在Input Text的文字框中输入文字
按下按钮让结果显示在Result的文字框中

程序码的部分
到speechConfig的建立为止就跟昨天一样
接着不需要指定辨识语言以及建立audioConfig
而是使用SDK的SpeechSynthesizer物件

synthesizer = new SpeechSDK.SpeechSynthesizer(speechConfig);

首先先new一个SpeechSDK.SpeechSynthesizer物件
并将上面建立的speechConfig作为参数传入
接着使用speakTextAsync以非同步的将语音转换为文字
并将文字框的内容(phraseDiv.value)传入

let inputText = phraseDiv.value;
        synthesizer.speakTextAsync(
          inputText,
          function (result) {
            startSpeakTextAsyncButton.disabled = false;
            if (result.reason === SpeechSDK.ResultReason.SynthesizingAudioCompleted) {
              resultDiv.innerHTML += "synthesis finished for [" + inputText + "].\n";
            } else if (result.reason === SpeechSDK.ResultReason.Canceled) {
              resultDiv.innerHTML += "synthesis failed. Error detail: " + result.errorDetails + "\n";
            }
            window.console.log(result);
            synthesizer.close();
            synthesizer = undefined;
          },
          function (err) {
            startSpeakTextAsyncButton.disabled = false;
            resultDiv.innerHTML += "Error: ";
            resultDiv.innerHTML += err;
            resultDiv.innerHTML += "\n";
            window.console.log(err);

            synthesizer.close();
            synthesizer = undefined;
        });

结果(result)便会显示在Result的文字框中