javascript - 在Javascript中播放Azure输出格式 "audio-16khz-128kbitrate-mono-mp3"的方法

Question

我正在调用 Azure TTS REST API，使用 header X-Microsoft-OutputFormat 和值 audio-24khz-160kbitrate-mono-mp3，但我不知道如何转换和播放响应中的音频。有谁知道如何在调用Azure认知服务rest API时播放音频响应？

谢谢。

我尝试使用 blob 进行转换

`

 let wavFile = new Blob(res.data, { 
                                'type': 'audio/mp3' 
                              });

`但没有成功。

Answer 1

请使用 fetch 并确保至少包含以下 header 和负载:

const audio = document.createElement("audio");

fetch("{YourEndpointUrl}", {
  "headers": {
    "content-type": "application/ssml+xml",
    "ocp-apim-subscription-key": "{YourSpeechKey}",
    "x-microsoft-outputformat": "audio-24khz-160kbitrate-mono-mp3"
  },
  "body": "<speak version=\"1.0\" xmlns=\"http://www.w3.org/2001/10/synthesis\" xmlns:mstts=\"http://www.w3.org/2001/mstts\" xml:lang=\"en-US\"><voice name=\"AdaptVoice\">My SSML</voice></speak>",
  "method": "POST"
})
.then(resp => resp.blob())
.then(URL.createObjectURL)
.then(url => {
  audio.src = url;
  audio.play();
});

或者，使用 async/await 更简洁:

const audio = document.createElement("audio");

const resp = await fetch("{YourEndpointUrl}", {
  "headers": {
    "content-type": "application/ssml+xml",
    "ocp-apim-subscription-key": "{YourSpeechKey}",
    "x-microsoft-outputformat": "audio-24khz-160kbitrate-mono-mp3"
  },
  "body": "<speak version=\"1.0\" xmlns=\"http://www.w3.org/2001/10/synthesis\" xmlns:mstts=\"http://www.w3.org/2001/mstts\" xml:lang=\"en-US\"><voice name=\"AdaptVoice\">My SSML</voice></speak>",
  "method": "POST"
});
const blob = await resp.blob();
const url = await URL.createObjectURL(blob);
audio.src = url;
audio.play();