La recherche vocale HTML5 ne nécessite qu'une seule ligne de conseils du didacticiel code_html5

Taobao utilise la recherche vocale depuis un certain temps, mais je n'ai vu aucun blog ou article pertinent expliquant comment la mettre en œuvre. J'ai vérifié certaines informations aujourd'hui et j'ai trouvé que la mise en œuvre est si simple, peut-être parce qu'elle est trop simple. . donc personne n’en discutera.

En fait, une seule ligne de code est nécessaire pour l'implémenter :

x-webkit-discours

À quoi pensez-vous lorsque vous voyez ce code ? Oui, cela signifie que la recherche vocale ne prend en charge que les principaux navigateurs Webkit, alors où doit être placé ce code ?

<br><div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode91'));"><u>复制代码</u></span></div>代码如下:</div><div class="msgborder" id="phpcode91"><br /><input type="text" class="text" name="value_2" id="value_2" x-webkit-speech><br /></div>

Mettez simplement

dans la zone de saisie de texte, vous n'avez rien d'autre à faire, voir

Bien sûr, il existe d'autres paramètres, tels que la définition du type de langue de restriction vocale

Copiez le code

Le le code est le suivant :

Il existe également des paramètres pour définir la grammaire de la saisie vocale. Ceci est plus adapté au champ de recherche. Après avoir ajouté ce paramètre, le système supprimera automatiquement les mots dénués de sens tels que "的" et "LA"

Copier le code

Le code est le suivant :

Bien sûr, un petit problème a été découvert lors des tests, c'est-à-dire que lorsque la page avec recherche vocale est une page iframe, après avoir cliqué sur le microphone, le message "Veuillez commencer à parler " Le calque flottant ne suit pas la zone de saisie

Lecture connexe : Recherche vocale HTML5 (recherche vocale du magasin Taobao)