文檔金喜正規買球>>telerik中文文檔>>音頻內容
音頻內容
立即下載Kendo UI for jQuery
為了方便視障用戶使用,驗證碼的扭曲圖像可以以音頻格式表示,每個字母數字字符都是用讀出的。
默認情況下在驗證碼旁邊呈現一個音頻按鈕,為相應的圖像提供畫外音,還提供了允許用戶調整音頻音量的滑塊。
啟用驗證碼音頻
Kendo UI Captcha服務器端提供程序基于圖像的內容創建音頻文件,在您的項目中啟用Captcha的旁白:
1.將Captcha服務器端提供程序添加到項目中。
2.將AudioHandler選項添加到驗證碼中,并向遠程端點發送請求,并將驗證碼的ID作為附加參數包含在內。
<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()方法創建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驗證碼會啟動圖像的旁白。