# How to make p5.speech work in electron application for speech to text?

**URL:** https://discourse.processing.org/t/how-to-make-p5-speech-work-in-electron-application-for-speech-to-text/37739
**Category:** Libraries
**Created:** [June 27, 2022, 7:14pm UTC](https://discourse.processing.org/t/how-to-make-p5-speech-work-in-electron-application-for-speech-to-text/37739 "2022-06-27T19:14:47Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![alokmahor](https://avatars.discourse-cdn.com/v4/letter/a/cab0a1/32.png) [@alokmahor](https://discourse.processing.org/u/alokmahor)
#### Post date: [June 27, 2022, 7:14pm UTC](https://discourse.processing.org/t/how-to-make-p5-speech-work-in-electron-application-for-speech-to-text/37739/1 "2022-06-27T19:14:47Z")

</div>

I have created a smaple [electron](https://www.electronjs.org/) application to try [p5.speech](https://idmnyu.github.io/p5.js-speech/). But that is not working and I am not seeing any error in console.

`Index.html`

```nohighlight
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello p5.js!</title>
    <script language="javascript" type="text/javascript" src="libraries/p5.js"></script>
    <script language="javascript" src="libraries/p5.dom.js"></script>
    <script language="javascript" src="libraries/p5.sound.js"></script>
    <script language="javascript" src="libraries/p5.speech.js"></script>
    <script language="javascript" type="text/javascript" src="my_speech.js"></script>
    <!-- this line removes any default padding and style. you might only need one of these values set. -->
    <style> body {padding: 0; margin: 0; background: #000000; overflow-x:hidden; overflow-y: hidden} </style>
  </head>
  <body>

  </body>

  <script>
    // You can also require other files to run in this process
    require('../renderer.js')
  </script>
</html>

```

`my_speech.js`

```javascript
function setup() {
  noCanvas();
  let lang = navigator.language || 'en-US';
  let speechRec = new p5.SpeechRec(lang, gotSpeech);

  let continuous = true;
  let interim = false;
  speechRec.start(continuous, interim);
  function gotSpeech() {
      console.log(speechRec);
    if (speechRec.resultValue) {
      createP(speechRec.resultString);
    }
  }
}

```

This setup is working fine in browser. How can I make it work in electron application?

---

<div class="post-metadata">

### Author: ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [June 27, 2022, 9:33pm UTC](https://discourse.processing.org/t/how-to-make-p5-speech-work-in-electron-application-for-speech-to-text/37739/2 "2022-06-27T21:33:10Z")

</div>

> [@alokmahor](#):
>
> How can I make it work in Electron application?

I’ve never coded in Electron. I’ve just looked up for its “Quick Start” tutorial:

> **[Quick Start | Electron](https://www.electronjs.org/docs/latest/tutorial/quick-start)**
>
> This guide will step you through the process of creating a barebones Hello World app in Electron, similar to electron/electron-quick-start.
