Recherche vocale HTML5 (recherche vocale du magasin Taobao)

Auteur：Eve Cole Date de mise à jour：2025-04-23 15:48:02

Commentaire: HTML5 prend en charge la recherche vocale, mais malheureusement, seuls les navigateurs de base WebKit peuvent l'utiliser très simple. Il vous suffit d'ajouter l'attribut x-webkit-disech pour saisir. Les amis intéressés peuvent en savoir plus.

HTML5 prend en charge la recherche vocale, mais malheureusement, seuls les navigateurs de base WebKit peuvent l'utiliser. L'utilisation est très simple. Il suffit d'ajouter l'attribut x-webkit-disech pour saisir. L'exemple est le suivant: <entrée 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, vous pouvez le dire et le reconnaître, tel que la recherche vocale Taobao Store:

Autres attributs de l'entrée vocale: Lang est le type de langue

Vous pouvez contrôler le type de discours de langue dans la zone d'entrée, par exemple <Type d'entrée = texte x-webkit-disech Lang = zh-cn />

Actuellement, seul ONWEBKitsPeEchChange est connu. Comme son nom l'indique, c'est un événement déclenché lorsque la parole change. Il peut généralement être soumis sous forme de soumission <Type d'entrée = texte x-webkit-disech onwebKitsPeEchChange = $ (this) .cloest ('form'). Soumed () />. De cette façon, il recherchera automatiquement après avoir fini de le dire.

x-webkit-grammar: Ce 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, lorsque vous faites une zone de recherche, vous pouvez utiliser <input type = text x-webkit-disech x-webkit-grammar = intégrée: search /> x-webkit-grammar:

Faire l'entrée de contenu de la voix aussi près que possible du contenu de recherche et supprimez des caractères inutiles, tels que "le".

Voici un petit exemple à tester:

<html>

<body>

<Button Type = "Soumider"> Recherche </fontificat>

</docy>

</html>

Les effets sont les suivants: