H5 fügt Spracheingabefunktion hinzu

Dieses Mal werde ich Ihnen die zu H5 hinzugefügte Spracheingabefunktion vorstellen. Was sind die Vorsichtsmaßnahmen für das Hinzufügen der Spracheingabefunktion zu H5?

Was hier vorgestellt wird, ist die leistungsstarke HTML-Funktion, die jeder in Zukunft verwenden wird. 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 die Spracherkennung eine Grundfunktion von HTML5. Ihre Verwendung ist

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

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

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

Spracherkennung war vor zehn Jahren etwas, das unglaublich war. Noch vor einigen 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 auch die Spracherkennung unterstützen, sofern sie HTML5 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 erhalten , können Sie onwebkitspeechchange

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

verwenden Ich glaube, Sie werden den Fall in diesem Artikel lesen. Sie beherrschen die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der H5-Speichermethode

postMessage implementiert domänen- und fensterübergreifendes Messaging

Das obige ist der detaillierte Inhalt vonH5 fügt Spracheingabefunktion hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!