Events

The Telerik UI SpeechToTextButton for ASP.NET Core exposes events like Start, End, Result, and Error, that allow you to control the behavior of the UI component.

For a complete example on basic SpeechToTextButton events, refer to the demo on using the events of the SpeechToTextButton.

Handling by Handler Name

The following example demonstrates how to subscribe to events by a handler name.

Razor

@(Html.Kendo().SpeechToTextButton()
    .Name("speechButton")
    .Events(ev => ev.Result("onResult"))
)

Razor

@addTagHelper *, Kendo.Mvc

<kendo-speechtotextbutton name="speechButton" on-result="onResult"
</kendo-speechtotextbutton>

JS

<script>
    function onResult(e){
        // Handle the SpeechToTextButton "Result" event that triggers when the speech recognition service returns a result (a word or phrase has been positively recognized).
    }
</script>

Handling by Template Delegate

The following example demonstrates how to subscribe to events by a template delegate.

Razor

@(Html.Kendo().SpeechToTextButton()
    .Name("speechButton")
    .Events(e => e.Result(@<text>
        function() {
            // Handle the SpeechToTextButton "Result" event inline.
        }
        </text>)
    )
)

Razor

@addTagHelper *, Kendo.Mvc

<kendo-speechtotextbutton name="speechButton" on-result="function() {
        // Handle the SpeechToTextButton "Result" event inline.
    }">
</kendo-speechtotextbutton>

Next Steps

• Using the SpeechToTextButton Events (Demo)

See Also

• Using the API of the SpeechToTextButton for ASP.NET Core (Demo)

• Client-Side API of the SpeechToTextButton

• Server-Side API of the SpeechToTextButton

• Server-Side API of the SpeechToTextButton TagHelper