So implementieren Sie ein Sprachsuchfeld mit HTML5_HTML5-Tutorial-Kenntnissen

Werfen wir zunächst einen Blick auf die verschiedenen Displays.
Das Folgende ist ein Screenshot unter Firefox:

Das Folgende ist ein Screenshot in Chrome:

Was Sie vermuten können, ist, dass der geschriebene Code definitiv inkompatibel ist. Aber Sie werden feststellen, dass es relativ einfach ist. Selbst wenn Sie ein Front-End-Anfänger sind, werden Sie

Kopieren Sie den Code verstehen

Der Code lautet wie folgt:

Die Bedeutung der Parameter:
x-webkit-speech: Es lässt ein kleines Mikrofon auf der rechten Seite Ihres Eingabefelds erscheinen, mit eine Sprachfunktion.
lang: Dies ist der Sprachtyp der Stimme im obligatorischen Eingabefeld. Das oben geschriebene lang="zh-CN" bezieht sich beispielsweise auf vereinfachtes Chinesisch.
x-webkit-grammar: bezieht sich auf die Spracheingabegrammatik. Der Wert „builtin:search“ bringt den Spracheingabeinhalt so nah wie möglich an den Suchinhalt und entfernt redundante Zeichen.

Hinweis: Allerdings muss die Kompatibilität dieser Hardware noch verbessert werden, denn wenn man chinesische und englische Stimmen mischt, wird es wahrscheinlich viele Probleme geben.