H5 ajoute une fonction de saisie vocale

Cette fois, je vais vous présenter la fonction de saisie vocale ajoutée au H5. Quelles sont les précautions pour ajouter la fonction de saisie vocale au H5. Ce qui suit est un cas pratique, jetons un coup d'œil.

Ce qui est introduit ici est la puissante fonction HTML que tout le monde utilisera à l'avenir. Vous pouvez directement ajouter une fonction vocale à la zone de saisie. Jetons d'abord un coup d'œil à la méthode d'implémentation.

Vous pouvez voir l'icône du microphone sur le côté droit de la zone de saisie. Cliquez sur le microphone pour effectuer la reconnaissance vocale.

En fait, c'est très simple. La reconnaissance vocale est une fonction de base de HTML5. Son utilisation est

<input type=”text” speech x-webkit-speech />

Si vous aimez le type XHTML. syntaxe, vous pouvez l'exprimer comme ceci

<input type=”text” x-webkit-speech=”x-webkit-speech” />

La reconnaissance vocale était quelque chose d'incroyable il y a dix ans. Il y a encore quelques années, la reconnaissance vocale sur les pages Web ne pouvait être obtenue qu'en utilisant d'autres méthodes, comme l'utilisation. Flashplayer et ainsi de suite. Mais maintenant, pour obtenir la voix, il suffit d'ajouter simplement une balise attribut dans la zone de saisie, et elle peut être reconnue.

Les appareils mobiles tels que les navigateurs des téléphones mobiles, à condition qu'ils prennent en charge HTML5, devraient également prendre en charge la reconnaissance vocale. Essayez de parcourir cette page sur votre Android ?

De plus, si vous souhaitez utiliser javascript pour obtenir la fin de l'événement de reconnaissance vocale , vous pouvez utiliser onwebkitspeechchange

<input type=”text” speech x-webkit-speech onwebkitspeechchange=”alert(this.value)” />

Je pense que vous lirez le cas dans cet article. Vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de la méthode de stockage H5

postMessage implémente la messagerie inter-domaines et inter-fenêtres

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!