Блог о программировании, электронике и рыбалке

Распознавание голоса на сайте

image Только сегодня узнал о возможности голосового ввода текста, которая реализуется с помощью атрибута x-webkit-speech у html тега <input>.

Это позволяет использовать функцию голосового ввода текста, которая пока поддерживается только в последних версиях браузера Google Chrome.

Использовать очень просто: в правом углу поля ввода просто нажмите мышкой на микрофон и говорите.

Пример html кода:

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

P.S. Если не лениво, то поделитесь пожалуйста в комментариях своими впечатлениями о голосовом вводе.

Свои вопросы оставляйте в комментариях или задавайте их в нашей группе в Телеграм

Geek Electronics
  • keyboard_arrow_downРаспознавание голоса на сайте
    • Автор:
    • Миниатюра: Распознавание голоса на сайте
    • Рубрика: Веб-разработка
    • Обновлено: 26.12.2017
    • Комментариев: 6
    • Просмотров: 2 647
      • searchПоисковые боты
        Дата Бот
        2018-08-21 16:55:40 Yandex
        2018-08-20 17:26:12 Bing
        2018-08-17 21:00:29 Google
        2018-08-17 16:51:00 Yandex
        2018-08-12 12:41:39 Google
        2018-08-10 23:10:19 Yandex
        2018-08-07 08:52:42 Google
        2018-07-31 12:46:53 Yandex
        2018-07-30 21:57:57 Mail.RU
        2018-07-30 10:04:42 Google
  • Оцените пожалуйста статью
    1 Star2 Stars3 Stars4 Stars5 Stars
    Loading Загрузка...
  • Поделитесь с друзьями
GeekElectronics

Похожие записи

Комментариев: 6

  • Avatar for source
    Арсений:

    а можно какнить........ эту фишку для контакта как дополнение припаять что бы текст вводить голосом? или это уже запредельно????

    • Avatar for source
      source™:

      для формы контактов или для Вконтакте ?
      если первое, то просто добавить тег к полю ввода
      К сожалению пока работает только с input
      ввести текст в textarea не получится

      • Avatar for source
        Арсений:

        Тоесть мне надо куда именно вставлять этт тег в ХТМЛ коде???

      • Avatar for source
        Арсений:

        я в том смысле что при открытии сообщения, я уменя получилось настроить это поле с вводом сообщения вконтакте оно распознает речь всё хорошо но при нажатии кнопки отправить ничего не происходит вот и хотелось бы узнать куда именно надо вставлять этот тег???
        было бы ещё круче если бы вы подсказали как его подменить в ЧАрлиз что бы это было всегда=)

        • Avatar for source
          source:

          просто добавьте x-webkit-speech в код нужного текстового поля

    • Avatar for source
      Aligator:

      можно написать расширение для браузера, которое будет в поля ввода добавлять этот атрибут.

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

arrow_upward