Voice Recognition

Enables voice recording using the Web Speech API, displaying transcribed text, and offering controls for starting/stopping, clearing speech, and aborting recording.

The component allows users to record their voice using the Web Speech API and displays the transcribed speech as text. The component provides buttons for starting/stopping recording, clearing the speech, and aborting the recording.

Sample code

// Create a new VoiceRecognition instance
VoiceRecognition voiceRecognition = new VoiceRecognition();

// Create a new Div for displaying the speech recognition results
Div resultLayout = new Div();

// Add the VoiceRecognition component and a Label for the results to the layout
add(voiceRecognition, new Label("Result:"), resultLayout);

// Add a result listener to the VoiceRecognition component
voiceRecognition.addResultListener(listener -> {
// Update the resultLayout's text with the speech recognized by the component
resultLayout.setText(listener.getSpeech());
});

Links

• View on GitHub

Compatibility