# speech_recognition_all_browser

> Speech Recognition is designed to listen continuously to a user (i.e. pauses are ok), and then converts that speech to text. It support Chrome,FireFox,Safari and Edge

Latest version **1.0.12** (published 2018-04-04) · ISC license · 0 weekly downloads

## Install

```sh
npm install speech_recognition_all_browser
pnpm add speech_recognition_all_browser
yarn add speech_recognition_all_browser
bun add speech_recognition_all_browser
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.12 |
| Published | 2018-04-04 |
| First published | 2018-04-03 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 1.5 MB |
| Known vulnerabilities | 0 (+7 in 1 direct dependencies) |
| Install scripts | no |
| Author | Mitul Shah |
| Maintainers | deeptikaskar, mitulshah96, shruti.khedekar |
| Keywords | npm, speech recognition, Browser support in firefox,edge,safari and chrome |

## Links

- npm: https://www.npmjs.com/package/speech_recognition_all_browser
- npm.io page: https://npm.io/package/speech_recognition_all_browser

## Dependencies (9)

- [antd](https://npm.io/package/antd.md) ^3.4.0
- [react](https://npm.io/package/react.md) ^16.3.0
- [eslint](https://npm.io/package/eslint.md) ^4.19.1
- [webpack](https://npm.io/package/webpack.md) 3.8.1
- [react-dom](https://npm.io/package/react-dom.md) ^16.3.0
- [whatwg-fetch](https://npm.io/package/whatwg-fetch.md) 2.0.3
- [react-scripts](https://npm.io/package/react-scripts.md) 1.1.2
- [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) 2.9.4
- [webpack-manifest-plugin](https://npm.io/package/webpack-manifest-plugin.md) 1.3.2

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 1.0.12 (latest) — 2018-04-04
- 1.0.11 — 2018-04-04
- 1.0.10 — 2018-04-04
- 1.0.9 — 2018-04-04
- 1.0.8 — 2018-04-04
- 1.0.7 — 2018-04-04
- 1.0.6 — 2018-04-04
- 1.0.4 — 2018-04-04
- 1.0.3 — 2018-04-04
- 1.0.2 — 2018-04-04
- 1.0.1 — 2018-04-04
- 0.1.0 — 2018-04-03

## README

How it works
SpeechRecognition is a class that wraps one of your React components. In doing so, it injects some additional properties into the component that allow it to access a transcript of speech picked up from the user's microphone.

Under the hood, it uses Web Speech API. Currently, this component will  work in Chrome,firefox,safari,edge 

You will need a dependency manager like Browserify or Webpack to bundle this module with your web code.

For firefox and other browser it takes audio and convert into flac format and flac file is been passed to Gapi which converts to speech for rest of the browser

You need to add below script to your index.html to access gapi

 https://apis.google.com/js/api.js"
 src="./gapi.js"

  create gapi.js and add it to the public folder and paste the below code

  function start() {
  window.gapi.client.init({
    'apiKey': 'Your API Key'
  }).then(function () {
    window.gapi.client.load('speech', 'v1beta1');
  }, function (reason) {
    console.log('Error: ' + reason.result.error.message);
  });
};
window.gapi.load('client', start);


Now,
 Import Speech from speech_recognition_all_browser

 and create instance of speech and call start method with callback;

 new Speech().start(getText)


 function getText(text){
   document.getElementbyId('voice').value=text;
 }

---
_Source: https://npm.io/package/speech_recognition_all_browser · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
