Google Cloud Speech with Javascript

Question

In documentation and tutorial for REST API (Google Sppech API for Node: https://cloud.google.com/nodejs/apis), so my question is how to use the Cloud Speech API in JavaScript. Someone used on any page with javascript?

---

2020-04-24 EDIT: The accepted answer is using webkitSpeechRecognition which is not available on mobile: https://stackoverflow.com/a/61039699/775359

Google documentation and examples: https://cloud.google.com/speech-to-text/docs/samples

Node.js code: https://github.com/googleapis/nodejs-speech/blob/master/samples/MicrophoneStream.js

REQUIREMENT: it has to run in Safari on iOS.

Answer 1

The Google Cloud API is more specifically used for server-side speech processing. If you're looking to use voice recognition through a browser, you should use your browser's built in Web Speech API. Here's a simple example:

var recognition = new webkitSpeechRecognition();
recognition.continuous = true;

var output = document.getElementById('output');
recognition.onresult = function(event) {
  output.textContent = event.results[0][0].transcript;
};

<div id="output"></div>
<button onclick="recognition.start()">Start</button>
<button onclick="recognition.stop()">Stop</button>