Heim > Web-Frontend > H5-Tutorial > So fügen Sie dem Eingabefeld in HTML5 eine Spracheingabefunktion hinzu

So fügen Sie dem Eingabefeld in HTML5 eine Spracheingabefunktion hinzu

高洛峰
Freigeben: 2017-02-09 17:39:39
Original
3478 Leute haben es durchsucht

In diesem Artikel wird erläutert, wie Sie mit HTML5 eine Spracheingabefunktion zum Eingabefeld hinzufügen. Freunde, die sie benötigen, können sich auf diesen Artikel beziehen.

Hier sind die leistungsstarken HTML-Funktionen, die Sie verwenden können Wird in Zukunft die Sprachfunktion direkt zum Eingabefeld hinzufügen. Schauen wir uns zunächst die Implementierungsmethode an.

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

So fügen Sie dem Eingabefeld in HTML5 eine Spracheingabefunktion hinzu

Tatsächlich ist die Spracherkennung die Grundfunktion von HTML5

Wenn Sie XHTML-ähnliche Syntax mögen, können Sie es so ausdrücken

<input type=”text” speech x-webkit-speech />
Nach dem Login kopieren

Spracherkennung war etwas, das zehn Jahre lang unglaublich war Vor, noch vor In den letzten Jahren konnte die Spracherkennung auf Webseiten nur mit anderen Methoden erreicht werden, beispielsweise mit Flashplayer usw. Um die Stimme zu erhalten, müssen Sie nun nur noch ein Attribut-Tag zum Eingabefeld hinzufügen, und schon kann sie erkannt werden.

<input type=”text” x-webkit-speech=”x-webkit-speech” />
Nach dem Login kopieren
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

Das Obige ist der Editor. Ich möchte Ihnen die Implementierungsmethode zum Hinzufügen einer Spracheingabefunktion zum Eingabefeld in HTML5 vorstellen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Ich werde Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

<input type=”text” speech x-webkit-speech onwebkitspeechchange=”alert(this.value)” />
Nach dem Login kopieren
Weitere relevante Artikel zum Hinzufügen einer Spracheingabefunktion zum Eingabefeld in HTML5 finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage