HTML5: голосовой ввод текста одним атрибутом

2012-10-14

Должно быть вы уже не раз встречали поля для ввода текста с иконкой микрофончика, нажав на которую можно надиктовать текст в микрофон для его распознания и ввода.

Применить такую возможность на своих сайтах очень просто.

Стандарт HTML5 предусматривают такую возможность «Speech Input API Specification». Для её реализации необходимо просто добавить атрибут «speech» в input гет. Но, к сожалению, на сегодняшний день эту возможность поддерживают только веб-браузеры на движке webkit, к примеру Google Chrome. Правда, нужно добавлять атрибут с префиксом «x-webkit-speech».

Пример:

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

Если ваш браузер поддерживает данную возможность, вы должны увидеть поле с микрофоном:


Хотя много веб-браузеров еще не поддерживают эту возможность, но вы можете применять её уже сегодня. Очень значительная часть пользователей пользуется Chrome-ом, и они будут приятно удивлены такой возможности на вашем сайте, тем более что время на реализацию — несколько секунд.



3 комментария на «HTML5: голосовой ввод текста одним атрибутом»

  1. FF15 поля нет -(
    А в хроме почему-то не понимает мою речь.

  2. admin:

    Да, пока что еще нету. Но и спецификация еще в черновике.
    Будем надеяться, что скоро у всех появится.

  3. да вот и всё работает

Добавить комментарий