Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion ej2-vue-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -3493,4 +3493,4 @@
</li>
</ul>
</li>
</ul>
</ul>
16 changes: 16 additions & 0 deletions ej2-vue/Release-notes/31.2.9.md
Original file line number Diff line number Diff line change
@@ -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 %}
51 changes: 51 additions & 0 deletions ej2-vue/chat-ui/speech-to-text.md
Original file line number Diff line number Diff line change
@@ -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)