x-webkit-speech: Dodaj Mic ikonę wprowadzania mowy w polu wprowadzania tekstu

Dowiedz się, jak dodać mic / mikrofon / mikrofon ikonę w polu wejściowego dla wejścia mowy. Funkcja ta jest obsługiwana za pomocą atrybutu x-WebKit mowę w przeglądarkach WebKit

A+ A-

Widziałeś tę ikonę mikrofonu (MIC) w polu wyszukiwania Google? Ikona ta jest widoczna w wielu innych miejscach w Internecie i telefonach komórkowych. Wiele webdeveloperem zastanawiam się, jak dodać tę ikonę mikrofonu w polu tekstowym HTML.

HTML5 jest chyba najbardziej radykalne i ważne uaktualnienie Hypertext Markup Language, ponieważ została sformalizowana w 1990 roku Ta najnowsza aktualizacja przez W3C ma pochodzić z dużą liczbą nowych i ciekawych funkcji. Jeden spośród tych nowo dodanych funkcji jest możliwość wprowadzania tekstu w polu tekstowym za pomocą funkcji rozpoznawania mowy.

Aby włączyć rozpoznawanie mowy w polu tekstowym -Nie trzeba zadeklarować tę funkcję w sposób jawny. x WebKit mowy jest cechą, która musi być dodana do elementu pola. Na przykład:

<input type = "text" name = "s" size = "20" x-webkit-speech />

UPDATE: atrybut wejściowy x-webkit-speech została zaniechana. Tak, to nie będzie już pracować w przeglądarkach WebKit. Teraz programiści powinni używać API opartego JavaScript .

Obecnie ten atrybut działa tylko w przeglądarkach obsługujących WebKit. Google Chrome, Opera i Safari są wśród przeglądarek, które wspierają WebKit.

Atrybut dodaje mikrofonu (aka mic mikrofon) lub ikonę wewnątrz pola wprowadzania prawą stronę. Po kliknięciu pojawia się ta ikona -a małe pole poniżej ikony oznacza, że ​​teraz można mówić, aby wprowadzić tekst w polu tekstowym.

Zrzut ekranu: zakład wejściowy mowy przez X-WebKit mowy

Zrzut ekranu: zakład wejściowy mowy przez X-WebKit mowy

Wyraźnie mówi słowa, które chcesz wprowadzić w polu. Mowa zakład uznanie przeglądarce spróbuje rozpoznać wypowiadane słowa. Jeśli się powiedzie, wyrazy zostaną automatycznie wpisane w polu tekstowym. Jeśli twoje słowa nie mogły być uznane -you'll powiedzą tak i można to spróbować mówiąc ponownie.

x-webkit-speech jest krokiem naprzód w kierunku uczynienia Internetu bardziej dostępnym dla użytkowników z różnego rodzaju umiejętności i niepełnosprawnych. Rozpoznawanie mowy sprawia wprowadzania tekstu ułatwione zadanie dla osób z upośledzeniem wzroku oraz warunków, które zakazują łatwe pisanie palcami.

Ta funkcja jest dostępna tylko dla polu tekstowym, a nie do textarea. Jednakże istnieje obejście, które można użyć, aby dodać ikonę mikrofonu oraz wejście mowy w textarea jak również.

Mam nadzieję, że to była przydatna informacja dla Ciebie. Prosimy, aby dać mi znać, jeśli masz jakiekolwiek pytania dotyczące tego tematu. Będę szczęśliwy, aby spróbować pomóc. Dziekujemy za korzystanie TechWelkin!