Голосовой поиск себе на сайт

в 13:03, , рубрики: Новости, метки:

Голосовой поиск себе на сайт

Голосовой поиск это лишняя фича и удобство в использовании вашего сайта. Сделать голосовой поиск очень просто. Для это вам нужно всего лишь добавить атрибут x-webkit-speech=»x-webkit-speech» к вашему текстовому полю поиска.После добавления, текстовое поле в разметке будет выглядеть следующим образом:
Если вас не устраивает стандартный стиль, то можно его заменить с помощью CSS следующим образом:input::-webkit-input-speech-button {
-webkit-appearance: button;
background: url('voice.gif') no-repeat 0px 2px;
float: right;width: 17px;height: 17px}
Язык, который распознает Google Voice Search зависит от атрибута lang, на нашем сайте установлен «ru-RU», если установить «en-EN» то распознаваться будет исключительно английский. Устанавливается атрибут lang следующим образом:
Работает все это пока только в браузере Google Chrome.


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js