jquery - Microsoft Azure 认知项目 Oxford Speech API 文本转语音 jQuery REST 示例

Question

任何人都可以获得 Azure 项目牛津语音 API 的有效 jQuery REST 代码示例。

我已启动 Azure 应用程序服务和 key 。只需要一个简单的原型(prototype)页面，在加载时播放当前特定的一些文本

是否可以仅在客户端使用 javascript/jQuery 和 REST 而无需服务器端代码来完成此操作？

此外，我安装了服务器端示例，但它只能从本地主机播放。没有错误，但无法从 azure 网站播放。

更新:仅使用客户端 js 代码。我能够进行身份验证，并且我收到了 RIFF AWAVEfmt >}数据，但似乎无法弄清楚如何从浏览器中播放它。我没有收到任何错误。

    $.ajax({
    url: ttsServiceUri,
    beforeSend: function (xhrObj) {
        xhrObj.setRequestHeader("Content-Type", "application/ssml+xml");
        xhrObj.setRequestHeader("X-Microsoft-OutputFormat", "riff-16khz-16bit-mono-pcm");
        xhrObj.setRequestHeader("Authorization", "Bearer " + response.access_token);
        xhrObj.setRequestHeader("User-Agent", "TTSNodeJS");
        xhrObj.setRequestHeader("X-Search-AppId", "xxxxxxxxxxxDAA29772419F436CA");
        xhrObj.setRequestHeader("X-Search-ClientID", "xxxxxxxxxxxx1A480F00935DC390960");

    },
    data: post_data,
    type: "POST"
})

.done(函数(响应){ var audio = new Audio(响应); 音频.play();

谢谢。

Answer 1

Here您可以找到API文档。
有关工作示例，请查看使用认知服务语音 API http://github.com/Danielius1012/Text-To-Speech 的示例代码
上面提到的代码中的有用代码片段:

function sendAudioRequest()
{
textToSpeak = $("#my-text")[0].value;
sendString = "<speak version='1.0' xml:lang='"+language+"'><voice xml:lang='"+language+"' xml:gender='Female' name='"+nameLanguage+"'>"+textToSpeak+"</voice></speak>";

console.info($("#text-to-speak"));

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() 
{
    if (xhttp.readyState == 4 && xhttp.status == 200) 
    {
        context.decodeAudioData(xhttp.response, function(buffer) 
        {
            speechBuffer = buffer;
            console.info(speechBuffer);
            playAudio(speechBuffer);  
        });

    }
}; 

xhttp.open("POST", audioURL, true);
xhttp.setRequestHeader("Content-type", 'application/ssml+xml');
xhttp.setRequestHeader("Authorization", 'Bearer ' + token);
xhttp.setRequestHeader("X-Microsoft-OutputFormat", 'riff-16khz-16bit-mono-pcm');
xhttp.setRequestHeader("X-Search-AppId", '07D3234E49CE426DAA29772419F436CA');
xhttp.setRequestHeader("X-Search-ClientID", '1ECFAE91408841A480F00935DC390960');
xhttp.responseType = 'arraybuffer'

xhttp.send(sendString);
}