のMicrosoft Azureの認知プロジェクトオックスフォードスピーチAPIテキスト音声jQueryのREST例に

Question

誰もがAzureのプロジェクトオックスフォードスピーチAPIのための作業jQueryのRESTのコード例を得ました。

私はAzureのアプリサービスアップとキーを持っています。ロード時に現在特定のテキストを再生する単純なプロトタイプページが必要

クライアント側でjavascript/jQueryとRESTだけでこれを行うことも可能ですが、サーバーサイドコードはありません。

また、私はサーバー側のサンプルをインストールし、それだけでローカルホストからの果たしています。エラーはありませんが、空のWebサイトからは再生されません。

更新：クライアントの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.play（）;

おかげ

Answer 1

HereあなたがAPIを見つけることができます。ドキュメント。ワーキング例えば
がhttp://github.com/Danielius1012/Text-To-Speech
便利なコードsnippeを認知サービススピーチのAPIを使用して、このサンプルコードを見てください上記のコードからt：

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); 
}