Skip to content

DOCINFRA-2341_merged_using_automation #811

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 8, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 2 additions & 2 deletions ej2-angular/speech-to-text/accessibility.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Accessibility in Angular SpeechToText component | Syncfusion
description: Learn here all about Accessibility in Syncfusion Angular SpeechToText component of Syncfusion Essential JS 2 and more.
title: Accessibility in Angular SpeechToText Component | Syncfusion
description: Learn here all about accessibility in Syncfusion Essential Angular SpeechToText component, its elements, and more.
platform: ej2-angular
control: SpeechToText
documentation: ug
Expand Down
16 changes: 8 additions & 8 deletions ej2-angular/speech-to-text/appearance.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Appearance in Angular SpeechToText component | Syncfusion
description: Checkout and learn about Appearance with Angular SpeechToText component of Syncfusion Essential JS 2 and more details.
title: Appearance in Angular SpeechToText Component | Syncfusion
description: Checkout and learn about appearance in Syncfusion Essential Angular SpeechToText component, its elements, and more details.
platform: ej2-angular
control: SpeechToText
documentation: ug
Expand All @@ -12,7 +12,7 @@ domainurl: ##DomainURL##

## Customizing the button

You can use the [buttonSettings](../api/speech-to-text#buttonSettings) property to customize the appearance of the start and stop buttons in the speech to text conversion.
You can use the [buttonSettings](../api/speech-to-text/#buttonSettings) property to customize the appearance of the start and stop buttons in the speech to text conversion.

### Setting start content

Expand Down Expand Up @@ -56,7 +56,7 @@ Below code sample demonstrates how to configure the button with above mentioned

## Customizing the tooltips

You can use the [tooltipSettings](../api/speech-to-text#tooltipSettings) property to customize the content and positions of the tooltip.
You can use the [tooltipSettings](../api/speech-to-text/#tooltipSettings) property to customize the content and positions of the tooltip.

### Setting start content

Expand Down Expand Up @@ -88,20 +88,20 @@ Below code sample demonstrates how to configure the tooltip with above mentioned

## Setting button styles

The SpeechToText component supports the following predefined styles that can be defined using the [cssClass](../api/speech-to-text#cssClass) property. You can customize by adding the cssClass property with the below defined class.
The SpeechToText component supports the following predefined styles that can be defined using the [cssClass](../api/speech-to-text/#cssClass) property. You can customize by adding the cssClass property with the below defined class.

| cssClass | Description |
| -------- | -------- |
| `e-primary` | Used to represent a primary action. |
| `e-outline` | Used to represent an appearance of button with outline. |
| `e-info` | Used to represent an informative action. |
| `e-outline` | Used to represent an appearance of button with outline. |
| `e-info` | Used to represent an informative action. |
| `e-success` | Used to represent a positive action. |
| `e-warning` | Used to represent an action with caution. |
| `e-danger` | Used to represent a negative action. |

## Setting cssclass

You can use the [cssClass](../api/speech-to-text#cssClass) property to customize the appearance of the SpeechToText component.
You can use the [cssClass](../api/speech-to-text/#cssClass) property to customize the appearance of the SpeechToText component.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand Down
4 changes: 2 additions & 2 deletions ej2-angular/speech-to-text/events.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Events in Angular SpeechToText component | Syncfusion
description: Checkout and learn about Events in Angular SpeechToText component of Syncfusion Essential JS 2 and more details.
title: Events in Angular SpeechToText Component | Syncfusion
description: Checkout and learn about events in Syncfusion Essential Angular SpeechToText component, its elements, and more details.
platform: ej2-angular
control: SpeechToText
documentation: ug
Expand Down
10 changes: 5 additions & 5 deletions ej2-angular/speech-to-text/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Getting started with Angular SpeechToText component | Syncfusion
description: Checkout and learn about Getting started with Angular SpeechToText component of Syncfusion Essential JS 2 and more details.
title: Getting Started with Angular SpeechToText Component | Syncfusion
description: Checkout and learn about getting started with Syncfusion Essential Angular SpeechToText component, its elements, and more details.
platform: ej2-angular
control: SpeechToText
documentation: ug
domainurl: ##DomainURL##
---

# Getting started with Angular SpeechToText component
# Getting Started with Angular SpeechToText component

This section explains how to create a default SpeechToText component and demonstrate the basic usage of the SpeechToText.

Expand Down Expand Up @@ -43,7 +43,7 @@ cd my-app

## Installing Syncfusion OTP Input package

Syncfusion packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion package from npm [link]( https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular- ).
Syncfusion packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion package from npm [link](https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular-).

Currently, Syncfusion provides two types of package structures for Angular components,
1. Ivy library distribution package [format](https://v17.angular.io/guide/angular-package-format)
Expand Down Expand Up @@ -141,7 +141,7 @@ The following example shows a default SpeechToText component.

## Adding button content

You can use the [content](../api/speech-to-text/buttonSettingsModel/#content) property to display the start listening text and [stopContent](../api/speech-to-text/buttonSettingsModel/#stopContent) to display the stop listening text by using the [buttonSettings](../api/speech-to-text#buttonSettings) property.
You can use the [content](../api/speech-to-text/buttonSettingsModel/#content) property to display the start listening text and [stopContent](../api/speech-to-text/buttonSettingsModel/#stopContent) to display the stop listening text by using the [buttonSettings](../api/speech-to-text/#buttonSettings) property.

The following example shows how to configure `buttonSettings` in SpeechToText component.

Expand Down
6 changes: 3 additions & 3 deletions ej2-angular/speech-to-text/globalization.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Globalization in Angular SpeechToText component | Syncfusion
description: Checkout and learn about Globalization with Angular SpeechToText component of Syncfusion Essential JS 2 and more details.
title: Globalization in Angular SpeechToText Component | Syncfusion
description: Checkout and learn about globalization in Syncfusion Essential Angular SpeechToText component, its elements, and more details.
platform: ej2-angular
control: SpeechToText
documentation: ug
Expand Down Expand Up @@ -45,7 +45,7 @@ The SpeechToText can be localized to any culture by defining the text in the cor

## RTL

RTL provides an option to switch the text direction and layout of the SpeechToText component from right to left by setting the [enableRtl](../api/speech-to-text#enableRtl) property to true.
RTL provides an option to switch the text direction and layout of the SpeechToText component from right to left by setting the [enableRtl](../api/speech-to-text/#enableRtl) property to true.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand Down
8 changes: 4 additions & 4 deletions ej2-angular/speech-to-text/methods.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Methods in Angular SpeechToText component | Syncfusion
description: Checkout and learn about Methods with Angular SpeechToText component of Syncfusion Essential JS 2 and more details.
title: Methods in Angular SpeechToText Component | Syncfusion
description: Checkout and learn about methods in Syncfusion Essential Angular SpeechToText component, its elements, and more details.
platform: ej2-angular
control: SpeechToText
documentation: ug
Expand All @@ -12,11 +12,11 @@ domainurl: ##DomainURL##

## Start listening

You can use the [startListening](../api/speech-to-text#startListening) public method to initiate the speech recognition and begins the conversion of the speech to text.
You can use the [startListening](../api/speech-to-text/#startListening) public method to initiate the speech recognition and begins the conversion of the speech to text.

## Stop listening

You can use the [stopListening](../api/speech-to-text#stopListening) public method to stop capturing your speech and ends the speech recognition.
You can use the [stopListening](../api/speech-to-text/#stopListening) public method to stop capturing your speech and ends the speech recognition.

Below sample demonstrates the SpeechToText component configured with above methods.

Expand Down
4 changes: 2 additions & 2 deletions ej2-angular/speech-to-text/security.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Security concerns in Angular SpeechToText component | Syncfusion
description: Checkout and learn about Security concerns with Angular SpeechToText component of Syncfusion Essential JS 2 and more details.
title: Security concerns in Angular SpeechToText Component | Syncfusion
description: Checkout and learn about security concerns in Syncfusion Essential Angular SpeechToText component, its elements, and more details.
platform: ej2-angular
control: SpeechToText
documentation: ug
Expand Down
20 changes: 10 additions & 10 deletions ej2-angular/speech-to-text/speech-recognition.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Speech recognition in Angular SpeechToText component | Syncfusion
description: Checkout and learn about Speech recognition with Angular SpeechToText component of Syncfusion Essential JS 2 and more details.
title: Speech recognition in Angular SpeechToText Component | Syncfusion
description: Checkout and learn about speech recognition in Syncfusion Essential Angular SpeechToText component, its elements, and more details.
platform: ej2-angular
control: SpeechToText
documentation: ug
Expand All @@ -12,7 +12,7 @@ domainurl: ##DomainURL##

## Retrieving transcripts

You can use the [transcript](../api/speech-to-text#transcript) property to retrieve the transcribed text from the spoken text. This property allows to display the transcribed text once the speech recognition process is started.
You can use the [transcript](../api/speech-to-text/#transcript) property to retrieve the transcribed text from the spoken text. This property allows to display the transcribed text once the speech recognition process is started.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand All @@ -30,7 +30,7 @@ You can use the [transcript](../api/speech-to-text#transcript) property to retri

## Setting language

You can use the [lang](../api/speech-to-text#lang) property to specify the language for speech recognition. Setting this property ensures that the recognition engine interprets the spoken words correctly based on the specified locale such as `en-US` for American `English`, `fr-FR` for `French`, and more.
You can use the [lang](../api/speech-to-text/#lang) property to specify the language for speech recognition. Setting this property ensures that the recognition engine interprets the spoken words correctly based on the specified locale such as `en-US` for American `English`, `fr-FR` for `French`, and more.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand All @@ -48,7 +48,7 @@ You can use the [lang](../api/speech-to-text#lang) property to specify the langu

## Allowing interim results

You can use the [allowInterimResults](../api/speech-to-text#allowInterimResults) property to enable or disable interim results. When set to `true`, the recognized speech will be displayed in real time as words are spoken. When set to `false`, only final results will be displayed after recognition is complete. By default, the value is `true`.
You can use the [allowInterimResults](../api/speech-to-text/#allowInterimResults) property to enable or disable interim results. When set to `true`, the recognized speech will be displayed in real time as words are spoken. When set to `false`, only final results will be displayed after recognition is complete. By default, the value is `true`.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand All @@ -66,7 +66,7 @@ You can use the [allowInterimResults](../api/speech-to-text#allowInterimResults)

## Managing listening state

You can use the [listeningState](../api/speech-to-text#listeningState) property to manage the listening state of the component. The possible values are [Inactive](../api/speech-to-text/speechToTextState/) , [Listening](../api/speech-to-text/speechToTextState/) and [Stopped](../api/speech-to-text/speechToTextState/). By default, the value is `Inactive`.
You can use the [listeningState](../api/speech-to-text/#listeningState) property to manage the listening state of the component. The possible values are [Inactive](../api/speech-to-text/speechToTextState/) , [Listening](../api/speech-to-text/speechToTextState/) and [Stopped](../api/speech-to-text/speechToTextState/). By default, the value is `Inactive`.

### Inactive

Expand All @@ -80,7 +80,7 @@ It is actively listening which captures and transcribes speech with a stop icon

Denotes the speech recognition has ended, and no further speech is being processed.

Below sample demonstrates the usage of [listeningState](../api/speech-to-text#listeningState) property.
Below sample demonstrates the usage of [listeningState](../api/speech-to-text/#listeningState) property.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand All @@ -98,7 +98,7 @@ Below sample demonstrates the usage of [listeningState](../api/speech-to-text#li

## Show or hide tooltip

You can use the [showTooltip](../api/speech-to-text#showTooltip) property to specify the tooltip text to be displayed on hovering the SpeechToText button. By default, the value is `true`.
You can use the [showTooltip](../api/speech-to-text/#showTooltip) property to specify the tooltip text to be displayed on hovering the SpeechToText button. By default, the value is `true`.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand All @@ -116,7 +116,7 @@ You can use the [showTooltip](../api/speech-to-text#showTooltip) property to spe

## Setting disabled

You can use the [disabled](../api/speech-to-text#disabled) property to disable the SpeechToText, preventing user interaction when set to `true`. By default, the value is `false`.
You can use the [disabled](../api/speech-to-/#disabled) property to disable the SpeechToText, preventing user interaction when set to `true`. By default, the value is `false`.

{% tabs %}
{% highlight ts tabtitle="app.component.ts" %}
Expand All @@ -134,7 +134,7 @@ You can use the [disabled](../api/speech-to-text#disabled) property to disable t

## Setting html attributes

You can use the [htmlAttributes](../api/speech-to-text#htmlAttributes) property to assign custom attributes to the SpeechToText component for the button element.
You can use the [htmlAttributes](../api/speech-to-text/#htmlAttributes) property to assign custom attributes to the SpeechToText component for the button element.

## Error handling

Expand Down