Если вы пользуетесь браузером Chrome, то вы наверняка заметили нововведение, которое придумала Google - это иконка микрофончика в правой стороне однострочного поля ввода.
При клике на нее, начинается запись голоса, как только после фразы произошла пауза, запись отправляется на сервер для распознавания, в ответ сервер возвращает текст(Надо заметить редко верный). Всеобщему ликованию по этому случаю я в одном из проектов противопоставил желание дизайнера непременно разместить на форме input type="text" шириной 20px. В результате на форме остался лишь 'микрофончик', просто ввести в поле текст стало невозможно. Я начал искать, как же его убрать. В результате, что удивительно ничего не нашел. На большинстве сайтов, объясняется, как его включить принудительно. Виной всему атрибут x-webkit-speech, который chrome вставляет каждому input'у на странице автоматически.
Отсюда первый способ избавится от x-webkit-speech:
window.onload = function(){
//убираем x-webkit-speech только у одного input
document.getElementById('textfieldid').removeAttribute('x-webkit-speech'))
//ну или удалим атрибут сразу у всех инпутов на странице
var inpts = document.getElementsByTagName('input')
for(var i in inpts)
inpts[i].removeAttribute('x-webkit-speech')
}
сделаем тоже самое на jquery
jQuery( function(){
//убираем x-webkit-speech только у одного input
$('#textfieldid').removeAttr('x-webkit-speech'))
//ну или удалим атрибут сразу у всех инпутов на странице
$('input').removeAttr('x-webkit-speech'))
})
все это работает, но мне хотелось более изящного решения и оно было найдено через css:
input#textfieldid::-webkit-input-speech-button {
display:none;
}
/* или у всех инпутов на странице*/
input::-webkit-input-speech-button {
display:none;
}
Система распознавания голоса Google Chrome работает даже на самых маломощных ноутбуках, так как использует для этого облачные вычисления серверов google. Это отчасти оправдано для слабого железа, так и для смартфонов. Но когда у Вас нет интернет соединения, эта функция бесполезна. Стоит заметить, что ноутбук без интернета, это большой mp3-плеер =)
Комментарии