Ajoutez de la reconnaissance vocale à votre site.

Parler au machine et se faire comprendre, cela fait penser à de la science fiction. Pourtant la reconnaissance vocale existe et fonctionne aujourd’hui très bien.
reconnaissance vocale
Dans cet article nous allons voir comment l’utiliser et l’intégrer à votre blog ou votre site.
Pour ce faire nous emploierons une spécification HTML5 (x-webkit-speech), très facile à utiliser. Malheureusement, elle n’est implémentée que par Google Chrome, le navigateur de Google. Si vous n’avez pas Chrome et que la reconnaissance vocale vous intéresse, alors il est temps d’installer Google Chrome.Vous avez également besoin d’un micro branché…

  • Reconnaissance vocale dans un champ de saisie.

Il suffit de placer la balise ci-dessous où vous voulez faire apparaître la saisie vocale et c’est tout.
Il faut cliquer sur le micro pour enregistrer.

<input x-webkit-speech>


 

  •   Reconnaissance vocale dans un cadre plus grand.(textarea)

Intégrez ce code pour écrire entre les balises <textarea> et </textarea>

<script type="text/javascript">
  function transcribe(words) {
    document.getElementById("speech").value = words;
    document.getElementById("micro").value = "";
    document.getElementById("speech").focus();
  }
</script>

<textarea cols="50" id="speech" ></textarea>
<input style="width:15px;height:20px;border:0px;bacground-color:transparent;"
  id="mic" onwebkitspeechchange="transcribe(this.value)" x-webkit-speech>

 

Pour que cela fonctionne en aperçu sous WordPress, il faut réactualiser l’aperçu (F5)


  • Reconnaissance vocale dans un champ de recherche Google

Vous pouvez également intégrer la reconnaissance vocale à votre champ de recherche Google, ce qui peut-être un plus pour vos visiteurs.

 <form method="get" action="http://www.google.com/search">
  <input type="text" size="30" name="q" x-webkit-speech/>
  <input type="submit" value="Google Search" />
 </form>

 


Les recherches qui vous ont mené ici

  • appele vocale en php (1)
  • balise pour reconnaissance vocale (1)
  • commande vocale php (1)
Ces articles pourraient vous intéresser :
3 Comments

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Lire plus :
word docx
3 convertisseurs de fichiers Word docx en doc en ligne.

Depuis les dernières versions de Word 2007 puis Word 2010, le format d'enregistrement des documents Word a changé. Bien qu'elle...

css
Les 3 méthodes pour insérer un style CSS dans une page HTML

Les feuilles de style ou CSS (Cascading Style Sheets) sont indispensables pour les documents HTML. Elles apportent les couleurs, la...

Draw Somthing
Draw Something : le meilleur jeu devinette par le dessin pour android

Voici une petite vidéo de présentation de Draw Something Draw Something est un jeu de devinette par le dessin très...

Fermer