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

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

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

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

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

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

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

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

Присоединяйтесь к нашей группе в Telegram @GeekElectronics
  • keyboard_arrow_downРаспознавание голоса на сайте
    • Автор:
    • Миниатюра: Распознавание голоса на сайте
    • Рубрика: Веб-разработка
    • Обновлено: 26.12.2017
    • Комментариев: 6
    • Просмотров: 3 402
  • Оцените пожалуйста статью
    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