2
このプロンプトでユーザーに資格情報を渡す代わりに、資格情報を渡したいとします。ユーザーを要求する代わりにコードを通じて資格情報を渡す方法
コードの下で与えられたように私は、ヘッダー内の資格情報を渡しているものの：
<html>
<head>
</head>
<body>
<div id="text-to-speech">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<input type="text" name="speech-text" TextMode="MultiLine" height:50px;">
<input type="button" id="btnPOst" value="Play" />
<br /><br /><br />
<audio id="speech" autoplay preload="auto" autobuffer controls class="audio"></audio>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
debugger;
$("#btnPOst").click(function() {
debugger;
var username= "";
var password = "";
var request = $("#text-to-speech input[name=speech-text]").val();
var url = "https://stream.watsonplatform.net/text-to-speech/api/v1/synthesize?voice=en-US_MichaelVoice&accept=audio/wav&text=" + request;
$.ajax
({
type: "POST",
url: url,
dataType: "application/json; charset=utf-8",
headers: {
'Content-Type': 'application/json',
'Accept': 'audio/wav',
'Authorization': ("Basic " + btoa(username + ":" + password))
},
success: function (content) {
},
});
$("#speech").attr("src", url)[0].play();
});
});
</script>
</body>
</html>
あなたができるのであれば、あなたがすべきことではありません。ウェブページに置くことは、ランダムな人が詳細を盗み出してOPを得ることを意味します –
有効な点。この種の話題について深い考えをしたことはありません。私はこれを未来において考慮します実装。しかし、ランダムな人は誇張されていますよね？それでもルータ、プロキシ、またはキャッシュサーバにアクセスする必要があります。 – Bene