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

HTML5 fügt dem Eingabefeld eine Spracheingabefunktion hinzu

巴扎黑
Freigeben: 2017-03-19 13:57:33
Original
3511 Leute haben es durchsucht

[Einführung] Hier stellen wir die leistungsstarken Funktionen von HTML vor, die Sie in Zukunft verwenden werden. Sie können dem Eingabefeld zunächst 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. Die Spracherkennung ist die Grundlage von HTML5.

Hier sind die leistungsstarken HTML-Funktionen Wird in Zukunft verwendet. Sie können dem Eingabefeld direkt eine Sprachfunktion hinzufügen.

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

Tatsächlich ist es sehr einfach . Die Spracherkennung basiert auf HTML5. Ihre Verwendung ist


Wenn Sie eine XHTML-ähnliche Syntax mögen, können Sie dies tun Drücken Sie es so aus

< ;input type=“text“ x-webkit-speech=“x-webkit-speech“ />
Spracherkennung war vor zehn Jahren etwas, das unglaublich war Vor einigen Jahren konnte die Erkennung von Sprache auf Webseiten nur mit anderen Methoden wie der Verwendung von Flashplayer usw. erreicht werden. 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

Das obige ist der detaillierte Inhalt vonHTML5 fügt dem Eingabefeld eine Spracheingabefunktion hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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