@readybytes/rb-speech-to-text

rb-text-to-speech

Demo

See live demo here at codesandbox.

Installation

npm install --save rb-speech-to-text

or

yarn add rb-speech-to-text

Declaration

<script>
import RBSpeechToText from "@readybytes/rb-speech-to-text";

export default {
  components: {
    RBSpeechToText
  }
}
<script>

Basic Usage

Example-1

<template>
  <div>
    <textarea v-model="body"></textarea>
    <RBSpeechToText
      :text="body"
      @speechend="body = $event.text"
    ></RBSpeechToText>
  </div>
<template>

<script>
export default {
  name: "MyComponent",
  data() {
		return {
			body: "Hello World",
		};
	},
}
</script>

Example-2

<template>
  <div>
    <textarea v-model="body"></textarea>
    <RBSpeechToText
      :text="body"
      lang="fr-FR"
      @speechend="body = $event.text"
    ></RBSpeechToText>
  </div>
<template>

<script>
export default {
  name: "MyComponent",
  data() {
		return {
			body: "Bonjour le monde",
		};
	},
}
</script>

Properties

Name	Type	Required	Default Value	Support Values
text	String	Yes	-	any string
lang	String	No	"en-US"	<languageCode-countryCode>. BCP-47 Languages Codes (Go to this link and search for BCP-47 language codes)

Events

• speechend

  This event will fire when user stop speaking and save the content. i.e-

   <template>
    <RBSpeechToText
      :text="text"
      @speechend="onSpeechEnd"
    >
    </RBSpeechToText>
   </template>
  
   <script>
    export default {
      methods:{
        onSpeechEnd(event) {
          console.log(event)
        }
      }
    }
   </script>