Le site Web de Google est Shibian Shixin. Aujourd'hui, j'ai découvert une nouvelle façon de jouer HTML5 - Recherche vocale sur leur page d'accueil. Malheureusement, seuls les navigateurs de base WebKit peuvent l'utiliser. L'utilisation est très simple
Ajoutez simplement l'attribut x-webkit-disech pour saisir, l'exemple est le suivant:
<input type = "text" x-webkit-disech />
De cette façon, il y aura un "petit microphone" sur le côté droit de votre boîte d'entrée, et il sera invité à cliquer
Ensuite, je peux vous le dire et le reconnaître. Après les tests, j'ai constaté que le taux de reconnaissance des chinois et de l'anglais est assez élevé.
Autres attributs pour l'entrée vocale :Cette chose que Lang peut forcer le type de prononciation dans la boîte, par exemple
<Type d'entrée = texte x-webkit-disech lang = zh-cn />
Actuellement, les seuls événements vocaux connus sont OnwebKitsPeEchChange. Comme son nom l'indique, ce sont des événements déclenchés lorsque la voix change. Ils peuvent généralement être soumis.
<input type = "text" x-webkit-disech onwebKitsPeEchChange = "$ (this) .cloest ('form'). soumed ()" />
Après cela, il recherche automatiquement
X-webkit-Grammar n'est pas une propriété utilisée pour la recherche vocale, mais elle peut contrôler la syntaxe de cette entrée. Par exemple, si vous faites une zone de recherche, vous pouvez l'utiliser
<input type = "text" x-webkit-disech x-webkit-grammar = "intégrée: search" />
Faire l'entrée du contenu de la voix aussi près que possible du contenu de recherche et supprimez des caractères inutiles, tels que "le"
Cette fonction est assez intéressante et ce n'est pas une bonne idée d'être pratique. C'est principalement parce que la portée de l'application est trop petite, donc je ne peux qu'espérer que HTML5 sera appliqué uniformément dès que possible.
Référence associée:
Recherche vocale HTML5 (recherche vocale du magasin Taobao)
La recherche vocale HTML5 ne nécessite qu'une seule phrase de code