Распознавание голоса и заполнение полей формы через микрофон

Для того, чтобы работало голосовое распознавание достаточно добавить специальную кнопку с классом as-speech иуказать ей правильный селектор на атрибуте data-element, в которое надо будет записывать значение. 

Разметка: 

<input type="text" class="form-control x1" placeholder="Нажми кнопку и говори в микрофон">
<a href="#" class="as-speech" data-element=".x1"><i class="fas fa-microphone-alt "></i></a>

Пользователь должен подтвердить разрешение на запрос использования микрофона. 

Распознанный текст будет добавляться к полю. 

Также можно добавить кнопку распознавания для полей, указав speech: true в options - действут для полей типа string и text.

Смотреть пример формы с 2 полями (text,string) с распознаванием текста на демостенде

 

Страница-источник на сайте falconspace.ru