diff --git a/ej2-vue-toc.html b/ej2-vue-toc.html index 811134399..4028622bd 100644 --- a/ej2-vue-toc.html +++ b/ej2-vue-toc.html @@ -3493,4 +3493,4 @@ - \ No newline at end of file + diff --git a/ej2-vue/Release-notes/31.2.9.md b/ej2-vue/Release-notes/31.2.9.md new file mode 100644 index 000000000..6228b0c04 --- /dev/null +++ b/ej2-vue/Release-notes/31.2.9.md @@ -0,0 +1,16 @@ +--- +title: Essential Studio for Vue Release Notes +description: Learn here about the controls in the Essential Studio for Vue 2025 Volume 3 SP2 Release - Release Notes +platform: ej2-vue +documentation: ug +--- + +# Essential Studio for Vue - v31.2.9 Release Notes + +{% include release-info.html date="November 12, 2025" version="v31.2.9" %} + +{% directory path: _includes/release-notes/v31.2.9 %} + +{% include {{file.url}} %} + +{% enddirectory %} \ No newline at end of file diff --git a/ej2-vue/chat-ui/speech-to-text.md b/ej2-vue/chat-ui/speech-to-text.md new file mode 100644 index 000000000..1118f1586 --- /dev/null +++ b/ej2-vue/chat-ui/speech-to-text.md @@ -0,0 +1,51 @@ +--- +layout: post +title: Speech-to-Text With Vue Chat UI component | Syncfusion +description: Checkout and learn about configuration of Speech-to-Text with Vue Chat UI component of Syncfusion Essential JS 2 and more details. +platform: ej2-vue +control: Chat UI +documentation: ug +domainurl: ##DomainURL## +--- + +# Speech-to-Text in Vue Chat UI + +The Syncfusion Vue Chat UI component integrates `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API). This enables the conversion of spoken words into text using the device's microphone, allowing users to interact with the Chat UI through voice input. + +## Configure Speech-to-Text + +To enable Speech-to-Text functionality in the Vue Chat UI component, update the `App.vue` file to incorporate the Web Speech API. + +The [SpeechToText](https://ej2.syncfusion.com/vue/documentation/speech-to-text/getting-started) component listens to audio input from the device’s microphone, transcribes spoken words into text, and updates the Chat UI’s editable footer using the [footerTemplate](https://ej2.syncfusion.com/vue/documentation/api/chat-ui/#footertemplate) property to display the transcribed text. Once the transcription appears in the footer, users can send it as a message to others. + +### Configuration Options + +* **[`lang`](https://ej2.syncfusion.com/vue/documentation/api/speech-to-text/#lang)**: Specifies the language for speech recognition. For example: + + * `en-US` for American English + * `fr-FR` for French + +* **[`allowInterimResults`](https://ej2.syncfusion.com/vue/documentation/api/speech-to-text/#allowInterimResults)**: Set to `true` to receive real-time (interim) recognition results, or `false` to receive only final results. + +{% tabs %} +{% highlight html tabtitle="Composition API (~/src/App.vue)" %} +{% include code-snippet/chat-ui/stt/app-composition.vue %} +{% endhighlight %} +{% highlight html tabtitle="Options API (~/src/App.vue)" %} +{% include code-snippet/chat-ui/stt/app.vue %} +{% endhighlight %} +{% endtabs %} + +{% previewsample "page.domainurl/code-snippet/chat-ui/stt" %} + +## Error Handling + +The `SpeechToText` component provides events to handle errors that may occur during speech recognition. For more information, refer to the [Error Handling](https://ej2.syncfusion.com/vue/documentation/speech-to-text/speech-recognition#error-handling) section in the documentation. + +## Browser Compatibility + +The `SpeechToText` component relies on the [Speech Recognition API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition), which has limited browser support. Refer to the [Browser Compatibility](https://ej2.syncfusion.com/vue/documentation/speech-to-text/speech-recognition#browser-support) section for detailed information. + +## See Also + +* [Messages](./messages)