Was Sie nicht sagen! Chrome wird seit etwa 2013 unterstützt, als Chrome 25 veröffentlicht wurde. Wenn ich so darüber nachdenke, ist es sogar noch merkwürdiger, dass so wenige Websites die nativen APIs nutzen, die von Chrome, Firefox und Edge unterstützt werden. Ohne Rücksicht auf den Teil der Nutzer, der noch den Internet Explorer verwendet, setzten wir unsere Reise fort.
Wir haben unsere Implementierung auf ein Repository gestützt, das die MDN-Seite begleitet(hier verfügbar). Nachdem wir es ein wenig verkleinert hatten, sah unsere Implementierung in etwa wie folgt aus:
Und es hat funktioniert! Dieses Stück Code fragt Sie nach 3 Sekunden nach Ihrer Erlaubnis, das Mikrofon zu benutzen. Wenn Sie auf 'Erlauben' klicken, wird er sich anhören, wie gut Sie Bahasa Indonesia aussprechen können. Schließlich protokolliert er die transkribierten Ergebnisse in Ihrer Konsole. Wenn Ihr Bahasa eingerostet ist, können Sie natürlich den Sprachcode in Zeile 6 in eine der unterstützten Sprachen ändern, die in
Die Web Speech API scheint bei der Transkription von Benutzerbefehlen in verschiedenen Sprachen recht gute Arbeit zu leisten. Standardmäßig wird die Aufnahme gestoppt, sobald der Benutzer aufhört zu sprechen. Wenn Sie längere Audiostücke transkribieren möchten, können Sie recognition.continuous auch auf true einstellen. In Produktionsumgebungen sollten Sie zunächst prüfen, ob die SpeechRecognition-Schnittstelle unterstützt wird und wie Sie mit deren Fehlen umgehen. Außerdem könnte es ratsam sein, die Aufnahme erst zu starten, wenn der Benutzer auf eine Schaltfläche klickt, anstatt sie mit window.setTimeout() auszulösen. Aber das überlasse ich Ihnen als Übung.
Die Spracherkennung ist mit der Web Speech API ein Kinderspiel. Die Sprachsynthese ist sogar noch einfacher zu implementieren, was Sie hier unter Beweis stellen können. Wenn Sie Ihre Website mit Spracherkennung ausstatten, können Sie das Benutzererlebnis bei der Suche oder beim Einkaufen deutlich verbessern. Unerfahrene Kunden möchten vielleicht ihre Absicht in natürlicher Sprache ausdrücken und beschreiben, was sie tun oder finden möchten. Bei herkömmlichen Benutzeroberflächen ist dies oft nicht möglich. Die meisten Sucheingaben zwingen Sie dazu, eine verkürzte Sprache einzutippen, die nicht einmal annähernd einem grammatikalisch korrekten Satz oder einer Handlung ähnelt - ein Problem, das die Spracherkennung lösen könnte. Die Sprachsynthese wiederum kann unter anderem im Bereich der Chatbots, der Benachrichtigungen oder der Nachrichten helfen. Kurz gesagt: Intelligente Assistententechnologien können uns nicht nur zu Hause oder auf unseren Telefonen helfen, sondern wir können sie auch überall im Internet einsetzen, wo die natürliche Sprache ein gutes Transportmittel für die Kommunikation mit Ihren Benutzern ist. Wie werden Sie sie also in Ihrer App einsetzen?
