zoukankan      html  css  js  c++  java
  • ASP.NET(c#)语音验证码制作(附源代码)

    ASP.NET(c#)语音验证码 收听验证码
    最近发现语音验证码越来越流行,比如有次在注册gmail邮箱看到过,还有msn页面也有语音验证码,还有国外一些网站等。
    花时间研究了下,语音验证码主要跟一般验证码的区别就在于如何让验证码播放。本文语音验证码原理:从服务器生成验证码,
    并保存到cookie中(getcode.aspx.cs),当点收听验证码的时候,调用javascirpt操作(这里使用jquery)cookie读取验证码,然后把验证码传到codevoice.aspx页,然后按顺序把验证码合成生成一个mp3文件,最后把这个文件传入flash中播放,
    你将收听的声音为:“当前验证码是5678请输入”。这个原理也是大部分网站使用的语音验证码原理类似。
    源码下载

      Soudcode.rar (102.3 KiB, 2,453 hits)

    (请使用VS2008 SP1或VS2010打开)
    页面上放置验证码图片页面代码

    <input id="txtCode" maxlength="8" name="txtCode" type="text" />
    		<img style="cursor: pointer" title="看不清楚,换一张" onclick="this.src='getcode.aspx';" src="getcode.aspx" alt="看不清楚,换一张" align="absMiddle" /><img id="imgRead" style="cursor: pointer" title="收听验证码" onclick="playvoice('player');" src="image/maintb.gif" alt="收听验证码" align="absMiddle" /></div>
    </form>
    

    点收听验证码时调用的js函数如下:

    function playvoice(id) {
         var voiceid = document.getElementById(id);
         var voicecode = $.cookie('ValidateCode');
         voiceid.innerHTML = "<object id="sound_play" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="0" height="0" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="sound_play" /><param name="flashvars" value="isPlay=1&url=codevoice.aspx&code=" + voicecode + "" /><param name="src" value="sound_play.swf?" + (new Date().getTime()) + "" /><embed id="sound_play" type="application/x-shockwave-flash" width="0" height="0" src="sound_play.swf?" + (new Date().getTime()) + "" flashvars="isPlay=1&url=codevoice.aspx&code=" + voicecode + "" name="sound_play"></embed></object>";
     }
    

    其中$.cookie('ValidateCode')是读取cookie验证码,这里使用了一个jquery操作cookie插件

    生成mp3页面代码如下:
    //读取验证码生成mp3,这里包括头部begin.mp3和尾部end.mp3

    Response.ContentType = "audio/mpeg";
    Response.WriteFile("sound/begin.mp3");
    string checkCode = HttpContext.Current.Request.QueryString["code"].ToString();// string checkCode ="8888";
    if (checkCode.Length > 0)
    for (int i = 0; i < checkCode.Length; i++)
    {
    Response.WriteFile("sound/"+checkCode[i] + ".mp3");
    }
    Response.WriteFile("sound/end.mp3");
    

    【本文作者分别在cnblogs,csdn,http://www.ajaxcn.net同步发布,转载请保留此说明】
    flash播放代码主要在第一帧关键帧右击动作,插入以下代码根据传入的播放数字mp3地址

    var mysound = new Sound();
    var mysong = url;
    var isPlay = 1;
    var intnum:Number = setInterval(playSong, 500);
    function playSong() {
    	if (isPlay == 1) {
    		mysound.loadSound(mysong+"?code="+code, true);
    		mysound.start();
    		clearInterval(intnum);
    		isPlay = 0;
    	}
    }
    

    另外特别说明:此源码参考了开源CMS中的登录页:JumbotCms

  • 相关阅读:
    关于Vuex的actions传入多个参数的方法:
    2019最新create-react-app创建的react中使用sass/scss,以及在react中使用sass/scss公共变量的方法
    vue中怎么使用vuex
    分享一个知乎答案 最详细易懂的 js闭包
    web前端 在react中使用移动端事件,学习笔记
    闭包
    原生ajax练习-post&xml
    Ajax中Get请求与Post请求的区别
    css文件编码
    template.js模板工具案例
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/1727218.html
Copyright © 2011-2022 走看看