Vue-speech-recog NPM

vue-speech-recog

Interact with the new Web Speech Recognition Api.

Currently available only in Chrome and Firefox

alt tag

The plugin will obviously have more features, if you have any requests or ideas, drop me an issue :)

Install

npm install vue-speech-recog

import Vue from "vue";
import VueSpeech from "vue-speech-recog";

Vue.use(VueSpeech);

Usage

<template>
	<div>
		<vue-speech />
	</div>
</template>

<script>
	export default {};
</script>

<style lang="css"></style>

Change language

<vue-speech lang="it-IT" />

Listen Control

<vue-speech isListen="false" />

isListen props is Boolean. When you set true vue-speech will listen what you say.
If you want to turn off vue-speech you can set it false.

Return speech data

<template>
	<div>
		<vue-speech @onTranscriptionEnd="onEnd" />
	</div>
</template>

<script>
	export default {
		methods: {
			onEnd({ lastSentence, transcription }) {
				// `lastSentence` is the last sentence before the pause
				// `transcription` is the full array of sentences
			},
		},
	};
</script>