Для того, чтобы работало голосовое распознавание достаточно добавить специальную кнопку с классом as-speech иуказать ей правильный селектор на атрибуте data-element, в которое надо будет записывать значение.
ВАЖНО. Работает в Яндекс Браузере, Хроме (в Opera, Firefox не работает).
Разметка:
<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) с распознаванием текста на демостенде
Можно также включить кнопку Микрофона в Чатах и в Комментариях: