音頻內(nèi)容

為了方便視障用戶使用，驗證碼的扭曲圖像可以以音頻格式表示，每個字母數(shù)字字符都是用讀出的。

默認(rèn)情況下在驗證碼旁邊呈現(xiàn)一個音頻按鈕，為相應(yīng)的圖像提供畫外音，還提供了允許用戶調(diào)整音頻音量的滑塊。

啟用驗證碼音頻

Kendo UI Captcha服務(wù)器端提供程序基于圖像的內(nèi)容創(chuàng)建音頻文件，在您的項目中啟用Captcha的旁白：

1.將Captcha服務(wù)器端提供程序添加到項目中。

2.將AudioHandler選項添加到驗證碼中，并向遠(yuǎn)程端點發(fā)送請求，并將驗證碼的ID作為附加參數(shù)包含在內(nèi)。

<script>
$("#captcha").kendoCaptcha({
handler: "./reset",
audioHandler: function (args) {
args.success("./audio?captchaId=" + args.data.captchaId);
},
validationHandler: "./validate",
error: function (data) {
console.log(data);
}
});

</script>

3.使用CaptchaHelper.SpeakText()方法創(chuàng)建wav文件，將其返回到客戶端。

public ActionResult Audio(string captchaId)
{
CaptchaImage captcha = (CaptchaImage)Session["captcha" + captchaId];

byte[] bmpBytes;

using (MemoryStream audio = CaptchaHelper.SpeakText(captcha))
{
bmpBytes = audio.ToArray();
}

return File(bmpBytes, "audio/wav");
}

4.在用戶點擊音頻按鈕后，Kendo UI驗證碼會啟動圖像的旁白。