Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

IT технологии, программирование, социальные сети и PC. Голосовой поиск для вашего сайта.


Уже давно поисковая строка Google содержит кнопку в виде микрофона, нажав на которую вы можете произнести текст, которую хотите искать.
Функции HTML5 и API Google дает возможность включить такой же и в ваши формы.

 
 
 
 

Голосовой ввод / Синтез речи

Голосовой ввод / Синтез речи

 
 

Пример такой формы:


 

Для реализации голосового поиска используйте следующий код:

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

 
 
Чтобы речь обрабатывалась именно на русском языке, надо добавить в head следующий код:

 <meta http-equiv='Content-Language' content='ru_RU' />

 
 
Предположим вам нужно, чтобы после ввода сразу начался поиск или выполнилась произвольная функция добавьте в тег input следующий параметр:

 onWebkitSpeechChange='customFunction();'

 
 
Стиль
Вы также можете изменить стиль кнопки ввода или поставить вместо нее произвольную иконку.

input::-webkit-input-speech-button {
-webkit-appearance: button;
background: url('/images/speech_icon.png') no-repeat 2px 2px; // ваша иконка
float: right; // ориентация с права
width: 15px;
height: 16px; }

 
 
Поддержка данного API реализован, пока что, только для Chrome браузеров.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru


В избранное