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

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

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 590
      • searchПоисковые боты
        Дата Бот
        2018-05-25 20:43:54 Google
        2018-05-25 16:54:05 Google
        2018-05-25 15:25:27 Yandex
        2018-05-22 16:13:49 Yandex
        2018-05-21 14:01:51 Google
        2018-05-21 01:39:38 Mail.RU
        2018-05-19 10:36:10 Yandex
        2018-05-17 14:59:24 Yandex
        2018-05-16 01:28:27 Yandex
        2018-05-16 00:07:20 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