Рубрики
Без рубрики

Распознавание речи с JavaScript

Введение распознавание речи относится к процессу включения компьютера к идентификации … Tagged with JavaScript, A11y, WebDev, речи.

Вступление

Распознавание речи относится к процессу позволяет компьютеру идентифицировать и реагировать на звуки, произведенные в человеческой речи. Впервые он был представлен в Bell Laboratories В 1952 году и эта версия может распознавать только цифры, но не слова. Несколько лет спустя распознавание речи выросло от простого распознавания цифр до распознавания текста, граммеров и даже обнаружения шума. Эта технология была разработана как альтернатива набору клавиатуры, вам нужно будет поговорить только с вашим компьютером, и ваши слова появляются на экране вашего компьютера

Веб -речь API

В 2012 году Веб -речь API был введен с целью обеспечения распознавания речи, а также преобразования текста в речь в современных веб -браузерах.

Примечание: распознавание речи в настоящее время не поддерживается во всех браузерах Нажмите здесь Для списка совместимых браузеров.

Начиная

Первое, что нам нужно сделать, это проверить, совместим ли наш браузер с распознаванием речи, мы можем легко достичь этого с помощью кода ниже 👇

Следующий шаг – создать новый объект распознавания речи и проверить для начала записи.

Наконец, чтобы начать наше распознавание речи и сделать что -то с выводом.

Код объяснение:

  • Признание.onstart : Это обработчик событий, который будет работать, когда служба распознавания речи начала слушать входящее аудио.
  • Признание. onresult : Другой обработчик событий, который будет работать, когда служба распознавания речи возвращает результат.
  • Признание.start () : Этот метод запустит службу распознавания речи и начнет слушать входящий звук, впервые запустив этот код, покажет диалог с просьбой получить доступ к микрофону вашего устройства, как ниже.

  • транскрипт : Это Текст вывод Сгенерировано после того, как служба распознавания речи прекратилась, и это все, что нам нужно из всего кода, который мы написали до сих пор. На данный момент мы просто регистрируем вывод на консоли, вы можете сделать что -то еще с ним.

Существует больше свойств, методов и обработчиков событий, которые можно использовать при доступе к объектам распознавания речи, некоторые из которых включают в себя:

  • Признание. Грамары : Используется для установления грамматики, которые будут поняты службой распознавания речи.
  • Признание. Совместное : Boolean установить, возвращаются ли непрерывные результаты для каждого распознавания или только один результат.

Нажмите Здесь Для полного списка поддерживаемых методов, свойств и обработчиков событий.

Сайит 🗣

Недавно я создал прогрессивное веб -приложение (с использованием распознавания речи) Это преобразует произнесенное слово в текст и предоставляет кнопку, чтобы мгновенно поделиться этим текстом на различных социальных сетях. Этот проект может быть удобен, когда вы хотите отправить длительное электронное письмо или публиковать в социальных сетях. Посмотреть проект Живи здесь И если вы думаете, что это круто, любезно дайте звезду на GitHub (Взносы также приветствуются 🤗).

Вывод

+1 для доступности

Признание речи сыграло отличную роль в Доступность За последние несколько лет, особенно для слабовидящих, людей с травмированной рукой и многими другими. Поскольку они не могут использовать клавиатуру для печати, они будут по умолчанию, чтобы использовать свой голос для управления и навигации по приложениям и веб -страницам.

Идея проекта

Если вы так увлекаетесь распознаванием речи (как и я), как насчет создания веб -страниц, которые полностью автоматизированы и контролируются с помощью голоса, а не щелчками или прокручиванием. Например, на странице индекса я мог бы просто сказать перейти к странице, и я буду перенаправлен на страницу, звучит круто? Да!. Мне понравится посмотреть, что вы построили, вы можете отправить мне сообщение на Twitter , с радостью отвечу на ваши вопросы.

П.С.: Я хочу завести новых друзей разработчиков 🤗, давайте подключимся к Twitter Анкет

Спасибо за чтение 👏

Оригинал: “https://dev.to/asaoluelijah/speech-recognition-with-javascript-4lh6”