Maison > interface Web > Tutoriel H5 > Le nouveau gameplay de HTML5 - Compétences du didacticiel Voice Search_html5

Le nouveau gameplay de HTML5 - Compétences du didacticiel Voice Search_html5

WBOY
Libérer: 2016-05-16 15:50:45
original
1945 Les gens l'ont consulté

Le site Web de Google est toujours nouveau et aujourd'hui, j'ai découvert une nouvelle façon de lire HTML5 sur leur page d'accueil : la recherche vocale. Malheureusement, il ne peut être utilisé que par les navigateurs basés sur Webkit. L'utilisation est très simple
Ajoutez simplement l'attribut x-webkit-speech à l'entrée. L'exemple est le suivant :

Copier le code<.>Le code est le suivant :


De cette façon vous aurez une zone de saisie supplémentaire à droite "Petit Microphone", lorsque vous cliquez dessus, il vous demandera

et ensuite il sera reconnu. Je l'ai testé et j'ai constaté que le taux de reconnaissance du chinois et de l'anglais est. assez élevé.

Autres attributs de la saisie vocale : lang peut forcer le type de langue de la voix dans la zone de saisie, tel que

Onwebkitspeechchange est actuellement le seul événement vocal connu, c'est un événement déclenché lorsque la voix change. Généralement, il peut être soumis sous la forme

.
Copier le codeLe code est le suivant :


Après avoir dit cela, il recherchera automatiquement
x-webkit-grammar n'est pas un attribut pour la recherche vocale, mais il peut contrôler cette syntaxe d'entrée, par exemple, lors de la création d'un champ de recherche, vous pouvez utiliser


Copier le code Le code est le suivant :
>

Rendre le contenu de la saisie vocale aussi proche que possible du contenu de la recherche et supprimer les caractères redondants, tels que ""
Cette fonction est assez intéressante, mais je ne peux pas louer son caractère pratique. La raison principale est que. le champ d'application est trop petit, je ne peux donc qu'espérer que HTML5 sera unifié et appliqué dès que possible.
Références associées :

Recherche vocale HTML5 (recherche vocale du magasin Taobao)
La recherche vocale HTML5 ne nécessite qu'un seul code
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal