HTML5-Sprachsuche (Taobao Store-Sprachsuche)_HTML5-Tutorial-Fähigkeiten

Html5 unterstützt Sprachsuche. Leider kann es nur von Browsern mit Webkit-Kern verwendet werden. Die Verwendung ist sehr einfach. Sie müssen nur das Attribut x-webkit-speech zur Eingabe hinzufügen. Das Beispiel lautet wie folgt:

Auf diese Weise befindet sich auf der rechten Seite Ihres Eingabefelds ein „kleines Mikrofon“, das Sie auffordert, wenn Sie darauf klicken

Sagen Sie es zu diesem Zeitpunkt einfach und erkennen Sie es, z. B. die Sprachsuche im Taobao-Shop:

Weitere Attribute der Spracheingabe: lang ist der Sprachtyp

Sie können den Sprachtyp der Sprache im Eingabefeld steuern, zum Beispiel

Derzeit ist nur onwebkitspeechchange bekannt. Wie der Name schon sagt, handelt es sich um ein Ereignis, das ausgelöst wird, wenn sich die Stimme ändert. Im Allgemeinen kann es als Nachdem Sie dies gesagt haben, wird automatisch gesucht.

x-webkit-grammar: Dies ist kein Attribut für die Sprachsuche, aber es kann die Eingabegrammatik steuern. Wenn Sie beispielsweise ein Suchfeld erstellen, können Sie x-webkit-grammar：

Machen Sie den Spracheingabeinhalt so nah wie möglich am Suchinhalt und entfernen Sie überflüssige Zeichen wie „的“.

Machen wir ein kleines Beispiel, um es zu testen:

Kopieren Sie den Code

Der Code lautet wie folgt :

Suchen
< /body>

效果如下：

<img alt="" src="http://files.jb51.net/file_images/article/201301/2013010310294631.png">