文档半岛外围网上直营>>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验证码会启动图像的旁白。

QQ交谈
在线咨询

渝公网安备
50010702500608号

客服热线