19 déc. 2012

De la voix dans vos Sites Web

 

Comment ajouter la reconnaissance vocale dans vos sites web ?


Vous avez dans vos sites web des champs que les utilisateurs devront remplir comme ceux par defaut dans les formulaires de contacts.
Un truc de ce genre.


First name:
Last name:

C'est just un exemple pas besoin de clicker sur "Envoyer", RIen ne se produira
Ok, nous continuons. Je ne sait pas si vous l'avez remarquez mais les utilisateurs commence de moins en moins a prendre plaisir a toucher a leur clavier donc pourquoi pas leur permettre justement de remplir vos formulaire jsute avec la voix.

Et bien !  pour permettre cela, il faudrait tout simplement ajouter au champs dont vous aimeriez avoir l'option vocale ce tout petti code. Merci encore a GooGLe, au fait chez Microsoft y'avait cette meme astuce mais je m'en souvient plus. Au cas ou tu en sait quelque chose partage avec nous.


La voix dans votre barre de recherche

 
<form method="get" action="http://www.google.com/search">
 <input type="text" name="q" size="30" x-webkit-speech/>
 <input type="submit" value="Google Search" />
</form>
Une demo en Live  – click sur le  Microphone ,  parle et valide <enter>:

Quand on fini de parler, l'audio est transmit a un server de google qui lui se charge de la transcription et le texte est affiché dans le champs. 

Actuellement, seul Google Chrome prend en charge l'API HTML du support vocal. On espere que les autres navigateur suivront.Plein de choses nous sont reservé pour le web 2.1 ou le Web 3.0


Avec un champs texte !!




Champ texte avec option de voix  – click sur le microphone et Parle:



Pour le code !?
Yes .... Je vous laisse fouillez un peu sur le net :)