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

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

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

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

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

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

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

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

  • keyboard_arrow_downРаспознавание голоса на сайте
    • Автор:
    • Миниатюра: Распознавание голоса на сайте
    • Рубрика: Веб-разработка
    • Обновлено: 26.12.2017
    • Комментариев: 6
    • Просмотров: 2 760
      • searchПоисковые боты
        Дата Бот
        2019-02-17 16:05:37 Yandex
        2019-02-16 19:07:50 Bing
        2019-02-16 16:15:23 Mail.RU
        2019-02-11 22:15:50 Google
        2019-02-11 18:08:15 Yandex
        2019-02-11 16:52:16 Yandex
        2019-02-10 11:15:21 Yandex
        2019-02-10 07:20:17 Bing
        2019-02-07 05:46:47 Google
        2019-02-07 02:57:54 Yandex
  • Оцените пожалуйста статью
    1 Star2 Stars3 Stars4 Stars5 Stars
    Загрузка...
  • Поделитесь с друзьями
Geek Electronics

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

Комментариев: 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