-
Récemment, j'ai constaté que les codes de vérification vocale sont de plus en plus populaires. Par exemple, je les ai vus dans la boîte aux lettres Gmail enregistrée. Il existe également des codes de vérification vocale sur les pages MSN et sur certains sites Web étrangers.
Après avoir pris le temps de faire des recherches, la principale différence entre les codes de vérification vocale et les codes de vérification généraux réside dans la manière de faire jouer le code de vérification. Le principe du code de vérification vocale dans cet article : générer le code de vérification depuis le serveur,
Et enregistrez-le dans le cookie (getcode.aspx.cs). Lorsque vous cliquez pour écouter le code de vérification, appelez l'opération javascipt (jquery est utilisé ici) pour lire le code de vérification du cookie.
Transférez ensuite le code de vérification sur la page codevoice.aspx, puis synthétisez le code de vérification afin de générer un fichier mp3, et enfin transférez ce fichier en flash pour la lecture.
Le son que vous entendrez est : "Le code de vérification actuel est 5678, veuillez le saisir." Ce principe est similaire au code de vérification vocale utilisé par la plupart des sites Web.
Téléchargement du code source : Télécharger (veuillez utiliser VS2008 SP1 ou VS2010 pour ouvrir)
Placer le code de la page de l'image du code de vérification sur la page
afficher la copie ordinaire dans le presse-papiers ?
<form id="form1" runat="serveur">
<div>
<input type="text" name="txtCode" id="txtCode" maxlength="8" />
<img onclick="this.src='getcode.aspx';" src="getcode.aspx" mce_src="getcode.aspx" align="absmiddle" style="curseur : pointeur" mce_style="curseur : pointeur" alt ="Je ne vois pas clairement, veuillez en changer un autre" title="Je ne vois pas clairement, veuillez en changer un autre" />
<img id="imgRead" src="image/maintb.gif" mce_src="image/maintb.gif" align="absmiddle" style="cursor: pointer" mce_style="cursor: pointer" alt="Écouter la vérification code " title="Écoutez le code de vérification" onclick="playvoice('player');" />
<span id="player"></span>
</div>
</form>
<form id="form1" runat="serveur">
<div>
<input type="text" name="txtCode" id="txtCode" maxlength="8" />
<img onclick="this.src='getcode.aspx';" src="getcode.aspx" mce_src="getcode.aspx" align="absmiddle" style="curseur : pointeur" mce_style="curseur : pointeur" alt ="Je ne vois pas clairement, veuillez en changer un autre" title="Je ne vois pas clairement, veuillez en changer un autre" />
<img id="imgRead" src="image/maintb.gif" mce_src="image/maintb.gif" align="absmiddle" style="cursor: pointer" mce_style="cursor: pointer" alt="Écouter la vérification code " title="Écoutez le code de vérification" onclick="playvoice('player');" />
<span id="player"></span>
</div>
</form>
La fonction js appelée en cliquant pour écouter le code de vérification est la suivante :
afficher la copie ordinaire dans le presse-papiers ?
fonction playvoice(id) {
var voiceid = document.getElementById(id);
var voicecode = $.cookie('ValidateCode');
voiceid.innerHTML = "<embed id='sound_play' name='sound_play' src="sound_play.swf?" + (new Date().getTime()) + "" mce_src="sound_play.swf?" + (new Date().getTime()) + ""
FlashVars='isPlay=1&url=codevoice.aspx&code=" + voicecode + "' width='0' height='0'allowScriptAccess='always'
ype='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></embed>";
}
fonction playvoice(id) {
var voiceid = document.getElementById(id);
var voicecode = $.cookie('ValidateCode');
voiceid.innerHTML = "<embed id='sound_play' name='sound_play' src="sound_play.swf?" + (new Date().getTime()) + "" mce_src="sound_play.swf?" + (new Date().getTime()) + ""
FlashVars='isPlay=1&url=codevoice.aspx&code=" + voicecode + "' width='0' height='0'allowScriptAccess='always'
type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></embed>";
}
Parmi eux, $.cookie('ValidateCode') sert à lire le code de vérification des cookies. Un plug-in de cookie jquery est utilisé ici.
Le code pour générer la page mp3 est le suivant :
//Lire le code de vérification pour générer le mp3, y compris l'en-tête Begin.mp3 et la fin End.mp3
afficher la copie ordinaire dans le presse-papiers ?
Réponse.ContentType = "audio/mpeg" ;
Réponse.WriteFile("sound/begin.mp3");
string checkCode = HttpContext.Current.Request.QueryString["code"].ToString();// string checkCode = "8888";
si (checkCode.Length > 0)
pour (int i = 0; i < checkCode.Length; i++)
{
Response.WriteFile("sound/"+checkCode[i] + ".mp3");
}
Response.WriteFile("sound/end.mp3");
Réponse.ContentType = "audio/mpeg" ;
Réponse.WriteFile("sound/begin.mp3");
string checkCode = HttpContext.Current.Request.QueryString["code"].ToString();// string checkCode = "8888";
si (checkCode.Length > 0)
pour (int i = 0; i < checkCode.Length; i++)
{
Response.WriteFile("sound/"+checkCode[i] + ".mp3");
}
Response.WriteFile("sound/end.mp3");
[L'auteur de cet article l'a publié simultanément sur cnblogs, csdn et http://www.ajaxcn.net . Veuillez conserver cette note lors de la réimpression.]
Le code de lecture flash effectue principalement l'action de clic droit sur la première image clé. Insérez le code suivant en fonction de l'adresse mp3 du numéro de lecture entrant.
afficher la copie ordinaire dans le presse-papiers ?
var mon son = nouveau son ();
var ma chanson = url;
var estPlay = 1 ;
var intnum:Number = setInterval(playSong, 500);
fonction playSong() {
si (isPlay == 1) {
monsound.loadSound(ma chanson+"?code="+code, true);
monson.start();
clearInterval(intnum);
estPlay = 0 ;
}