Skip to main content

How to make speech to text app in Kodular Creator?

 

How to make speech to text app in Kodular Creator?

Welcome to Learn Web, guys today as you have seen we will learn to make an Speech to Text application in Kodular Creator. This is our third application making tutorial which is published on our website. We are soon getting many more tutorials for you which will help you to learn advanced application development using Kodular Creator. So, keep connected with Learn Web online to get the latest content from us. Now, we are going to start our tutorial without wasting any more time.....

Firstly we would discuss about some FAQ's related to Speech to Text Converter:

FAQ's about Speech to Text Converter

1. Functions of this application

You might have got what I meant by this app and what this application can be used by an user. But if you didn't then I am going to tell the main function of this Speech to text converter. This app can be used for voice typing. Simply, in this app user have to click on a button and then he have to speak and then it will hive user text which he can copy and paste anywhere he want to paste this text. So, this app will function such like this. You can add many more functions to this application by your need. So, we directly get through it. But before starting our tutorial we should talk about the uses of this application.

2. Specifications of Speech to Text Converter

The main Specifications of this application for users are:
1. To write text without typing it.
2. To get text without writing it and get most accurate text with google's android Speech to text converter API for android.
3. Very light sized application and easy to use for user.
4. Data saving that is this application doesn't use much data of user.
5. Realtime converter for speech to text.

These were the main specifications of our Speech to text converter application which we are going to make today.

Designing of Speech to Text Converter

For making Speech to text converter you need to follow these steps after opening your project....

Step 1: Firstly you need to add Speech recognizer component which can be found under the media option in Components palette in creator.

Step 2: Add a text box which can be used to give the speech of user in form of text which user can copy to clipboard. So, drag and drop a text box there and set the multiline option in text box properties checked.

Step 3: Now you need to add a button which will be used to call speech recognizer to get speech from user.

Step 4: (Additional) This is optional that you can use in your application. This button will be used to copy to the text to clipboard. For this we will use Device utilities component which can be found under the Utilities section in Component Palette. So simply add this component in your project.

Now you have to do the User Interface designing which you can make like the given illustration which I have made for you guys.

Illustration:
Illustrative Design



Blocks of Speech to Text Converter

For making you speech to text converter application at least working you need to set these blocks. You can also do more customization according to your designing.

Step 1: Firstly you have to set that we have to call Speech Recognizer to get speech when get speech button is clicked. You have to set the blocks like this:
Kodular Block No. 1
Step 2: Then we have to add a block to handle when we get our text from speech recognizer and then we have to set this text as text of text box.
Kodular Block no. 2
Step 3: To handle to copy the text. Here we use a block from device utilities to copy the text of text box whose text is the result of speech from user.
Kodular Block no. 3


And here you have made Speech to text converter app successfully. Now you can customize it's UI and UX add some more features to it. This all depends on your choice. So, this was our today tutorial in which we can made a Speech to Text Converter application. We will be back with a new interesting topic again very soon. Till then......

Happy Koding

Comments

Post a Comment

Popular posts from this blog

How to use Blocks in Text section in Kodular Creator?

How to use Blocks in Text section in Kodular Creator?  Guys welcome back to Learn Web Online, Today as you have seen we will be learning about using the main text related blocks. These text blocks are very useful while making your android application. We can edit, trim, join etc. text using the blocks which we will be talking about. The blocks which we will be learning to use today can be found under the built in components 'Text'. So, open your project to get live results to try these blocks your own. Here we start our tutorial without wasting time any more.... Blocks In text section Here, we have the main blocks which we are going to learn to use today's tutorial 1. Text Block: This block is used to denote a text string. This is the basic block which provide a text string in block section. We can use this block to give a text string to any other block. For example we can enter a text and set this text to a specific Label's text. 2. Join Text This block is used to join...
Post a Comment
Read more

How to use Firebase database in Kodular?

Welcome to Learn Web my friends. Today we are going to learn about how to retrieve and store data from user in firebase database. This will be surely very exciting and useful for you guys. So, here we start our tutorial on "How to store data of user in Firebase in Kodular?" How to store data of user in Firebase in Kodular? 1. What is Firebase? I think you guys may have listened about Firebase but if not, then don't worry this isn't any rocket science you will easily learn "How to store and retrieve data of user in Firebase?". Firstly I want to tell you about What is Firebase Database? So, firebase is a cloud storage platform provided by google to store and retrieve data and Firebase also provide many other services that we will learn in our next tutorials. Today we are going to talk about "How to use Firebase Database in Kodular?"  2. What is Firebase database in Kodular? Now I would like to tell you what is Firebase database and what we are going ...
Post a Comment
Read more

How to use Lottie Animations in Kodular Creator?

  Welcome back my friends, today we are back with our new tutorial. In today's tutorial we will be learning How to use Lottie Animations in Kodular? Before we start our tutorial we should discuss about the FAQ's related to Lottie in Kodular. So, here are the main FAQ's about Lottie animations Component in Kodular creator. FAQ's about Kodular Creator 1. What are Lottie animation Component? Lottie animation is a component provided in Kodular Creator. Simply we can say that Lottie animations is a components that allows us to show any animation from Lottie to use in our app. We can show any of animation listed on the website of Lottie files. We can search for thousands of animations there and then we get a json file which we can download and use in our app by uploading it in assets of our app. In this tutorial we are going to learn everything about how to use Lottie animations kodular creator. Now, I think you might have got what we are going to learn about. I assure that y...
Post a Comment
Read more