Heim  >  Artikel  >  Web-Frontend  >  HTML5 fügt dem Eingabefeld eine Spracheingabefunktion hinzu

HTML5 fügt dem Eingabefeld eine Spracheingabefunktion hinzu

高洛峰
高洛峰Original
2017-02-09 14:59:541991Durchsuche

Was hier vorgestellt wird, ist die leistungsstarke HTML-Funktion, die jeder in Zukunft verwenden kann. Sie können dem Eingabefeld direkt einen Blick auf die Implementierungsmethode werfen.

Sie können das Mikrofonsymbol auf der rechten Seite des Eingabefelds sehen. Klicken Sie auf das Mikrofon, um die Spracherkennung durchzuführen.

HTML5 fügt dem Eingabefeld eine Spracheingabefunktion hinzu

Tatsächlich ist die Spracherkennung eine Grundfunktion von HTML5. Ihre Verwendung ist

<input type=”text” speech x-webkit-speech />

Wenn Sie XHTML mögen Syntax, man kann es so ausdrücken

<input type=”text” x-webkit-speech=”x-webkit-speech” />

Spracherkennung war vor zehn Jahren etwas Unglaubliches. Noch vor ein paar Jahren konnte Spracherkennung auf Webseiten nur mit anderen Methoden erreicht werden, beispielsweise mit Flashplayer und so weiter. Um die Stimme zu erhalten, müssen Sie nun nur noch ein Attribut-Tag zum Eingabefeld hinzufügen, und schon kann sie erkannt werden.

Mobile Geräte wie Browser auf Mobiltelefonen sollten, sofern sie HTML5 unterstützen, auch die Spracherkennung unterstützen. Versuchen Sie, diese Seite auf Ihrem Android zu durchsuchen?

Wenn Sie außerdem Javascript verwenden möchten, um das Ende des Spracherkennungsereignisses zu erreichen, können Sie onwebkitspeechchange verwenden

<input type=”text” speech x-webkit-speech onwebkitspeechchange=”alert(this.value)” />

Weitere HTML5-bezogene Artikel zum Hinzufügen der Spracheingabefunktion zum Bitte achten Sie auf die chinesische PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn