В движке chromium (а это считай все современные браузеры: chrome, яндекс.браузер, ie) поддерживается так называемый Web Speech Api.
Интересен данный инструмент тем, что распознавание голоса в текст может быть добавлено в поиск любого сайта, интернет-магазина, т.е. добавлять можно в любой сайт буквально парой строк JS кода.
Причём бесплатно.
Русский распознаётся отлично, вообще без ошибок, очень быстро и очень точно.
В данной заметке небольшой пример как добавить в любую поисковую форму голосовой поиск.
Перевод голоса в текст и затем уже обычный поиск по тексту на любом сайте.
Небольшая демонстрация от гугла —
и демонстрация рабочего примера на русском языке на сайте интернет-магазина vamshop.ru или магазина best‑shop.su
Проверьте голосовой поиск словами: vamshop, техническая поддержка
На best‑shop словами: платок, ципао
Допустим, у нас есть wordpress и стандартная форма поиска:
Нам достаточно просто добавить иконку микрофона и задать id атрибуты для формы, поля с ключевыми словами и id для микрофона.
Например так:
Теперь добавим пару строк javascript и всё готово.
Нажимайте Голосовой поиск и говорите.
Работает на любых устройствах: на смартфоне, на планшете, на ноутбуке, на компьютере, на телевизоре, везде.
Возможно, chrome попросит Вас разрешить доступ к микрофону, разрешите, иначе поиск голосом работать не будет.
В строке поиска в момент записи голоса будет виден текст — Говорите…
Кроме того, в закладке будет красная точка, т.е. работает микрофон.
Голосовой поиск переводит всё в текст и автоматически запускает поиск по магазину, сайту.
Работает очень хорошо, хорошо распознаёт русский язык, практически без ошибок.
Единственное, что на смартфоне не работает на старых версиях andoid.
Голосовой поиск на смартфоне работает на версии android 8 и выше.
А так, получается отличная, универсальная вещь — работает везде: и на компах, и на смартфонах, и на планшетах.
Я почему-то никогда особо не пользовалась голосовым поиском ни на телефоне, ни на компьютере, какие-то там проблемы были, даже уже не помню какие. А тут случайно увидела статью https://ifish2.ru/golosovoj-poisk/, почитала, поняла, что по идее там никаким проблемам-то особо неоткуда взяться, попробовала еще раз – и, черт возьми, это же так удобно!)))
:) Да, такое же отношение было. О том и речь, что с выходом android 8 всё стало очень быстро, удобно и просто. На компе в хроме давно уже голосовой поиск хорошо работает, а вот на смартфонах, планшетах стал работать через Web Speech API в браузере не так давно, начиная с android 8. Собственно, именно об этом и заметка. Что сейчас подключить голосовой поиск можно буквально парой строк и поиск работает очень хорошо.
Не работает на мобильных устройствах, висит говорите.... и на этом все. С дестопа все работает как нужно. Вывел ошибку в alert пишет network. Проверял не только на своем телефоне, так у всех моих коллег. И не высвечивается предложение использования микрофона.
Работает в сервисе гугл - стандартная приложенька на android 7.1.2. Там был запрос юзеру на разрешение микрофона. В остальных браузерах запроса нет, хотя в настройках разрешения выставлены
У меня и на android 7 и на android 8 в хроме выскакивает запрос на микрофон.
Но голос распознаёт только в andoid 8 и выше. В android 7 не работает.
На десктопе работает везде, в любы хверсиях android.
как внедрить напишите подробнее прощу, по вашей инструкции не работает, выходить просто слово голосовой поиск и он ни на что не реагирует
прощу помочь
спс
Мобильный Яндекс.Браузер не работает с данной шуткой. Движком заложено, а яндекс что-то там накосячил и не хочет это исправлять. Либо специально так сделал.
В общем, просто ошибку network выдает.
Если кто знает решение проблемы, поделитесь, пожалуйста.
С такими текстами вам на Хабр. Там и аудитория это воспримет лучше, и подсветка кода есть
Там туториалы минусуют
Спасибо, полезно
Спасибо, использую на сайте)
«В движке chromium (а это считай все современные браузеры: chrome, яндекс.браузер, ie)»
читаю с Сафари, спасибо 👍
Я почему-то никогда особо не пользовалась голосовым поиском ни на телефоне, ни на компьютере, какие-то там проблемы были, даже уже не помню какие. А тут случайно увидела статью https://ifish2.ru/golosovoj-poisk/, почитала, поняла, что по идее там никаким проблемам-то особо неоткуда взяться, попробовала еще раз – и, черт возьми, это же так удобно!)))
:) Да, такое же отношение было. О том и речь, что с выходом android 8 всё стало очень быстро, удобно и просто. На компе в хроме давно уже голосовой поиск хорошо работает, а вот на смартфонах, планшетах стал работать через Web Speech API в браузере не так давно, начиная с android 8. Собственно, именно об этом и заметка. Что сейчас подключить голосовой поиск можно буквально парой строк и поиск работает очень хорошо.
Здравствуйте. На сайтах не wordpress возможна установка голосового поиска? Пытаюсь внедрить и не получается пока.
Конечно возможно.
Не работает на мобильных устройствах, висит говорите.... и на этом все. С дестопа все работает как нужно. Вывел ошибку в alert пишет network. Проверял не только на своем телефоне, так у всех моих коллег. И не высвечивается предложение использования микрофона.
На android работает начиная с версии android 8 и выше.
Работает в сервисе гугл - стандартная приложенька на android 7.1.2. Там был запрос юзеру на разрешение микрофона. В остальных браузерах запроса нет, хотя в настройках разрешения выставлены
У меня и на android 7 и на android 8 в хроме выскакивает запрос на микрофон.
Но голос распознаёт только в andoid 8 и выше. В android 7 не работает.
На десктопе работает везде, в любы хверсиях android.
как внедрить напишите подробнее прощу, по вашей инструкции не работает, выходить просто слово голосовой поиск и он ни на что не реагирует
прощу помочь
спс
на джумлу на престошоп пробовал
нет реакции не пашет
подскажите подробнее пожалуйста
На сайте должен быть обязательно установлен SSL сертификат. Без SSL работать не будет.
SSL и так есть, не работает
прям скопировал даже форму вашу и в html добавил пробно, не работает
помогите подскажите
дайте свой скайп прощу
я оплачу
Мобильный Яндекс.Браузер не работает с данной шуткой. Движком заложено, а яндекс что-то там накосячил и не хочет это исправлять. Либо специально так сделал.
В общем, просто ошибку network выдает.
Если кто знает решение проблемы, поделитесь, пожалуйста.