How to Create Voice to Text Generator Tool in Blogger

Table of Contents

Hello friends! Welcome to your talkupditingsdem blog. So in today’s article, we are going to talk about How to Create Voice to Text Generator Tool in Blogger in Hindi. And this Blogger me Voice to Text Generator Tool website Kaise banaye. So we will know all these things in this article. So stay tuned in this article and know in full detail.

There was a time in the past when people used to do everything by themselves with hard work. But with time everything changed. And now the world is taking its step toward the Digital World. So people are becoming very lazy in such a situation.

Thank you for reading this post. Don't forget to subscribe!
What is Voice to Text in Hindi?

So now it comes to the point that what is this Voice to Text after all? So let me tell you that this is a kind of technology based on AI (artificial intelligence). Where it immediately converts the voice spoken by us into text. It means that now the hassle of writing is about to end completely.

Nowadays all bloggers are content writers. They always need to write. So this Voice-to-Text Generator Tool will prove to be very helpful. Because we and you know that it takes a lot of time to write articles. So if you use this tool then you can easily save time.

Online Voice-to-Text Generator Tool

Steps to Create Voice-to-Text Generator Tool in Blogger/Blogspot

So we have come to know about this Voice-to-Text Tool above. But now it comes to the point that after all, can we make this tool in our Blogger or Blogspot website? So the answer is yes, you can easily create this Voice to Text File Generator Tool in your Blogger or Blogspot website.

So if you want to create such a tool in your website, then you have to follow the steps given below carefully. And as I have told you have to do the same in your blogger website. So let’s start

Step #1: Go to Blogger Dashboard

सबसे पहले आपको अपने Blogger Dashboard में लॉग इन कर लेना है| यह सबसे पहला कदम है टूल को अपने वेबसाइट में बनाने के लिए|

Step #2: Copy The Script

Now this Voice to Text Generator Tool HTML Script has been made available to you in the box below. You have to copy the code given below. In this script, you have HTML, CSS, and JavaScript all available together.

<div class="etool-title">
<link href="https://docs.google.com/uc?export=download&id=1ZVFfFPy_Ry6S0kUo5U8NzoaHqW2MWRVr" rel="stylesheet" type="text/css"></link>

<h3>
Voice Typing Tool</h3>
</div>
<div class="etool-wrapper" style="border: 1px solid #a9a9a9;">
<div id="info" style="color: red; font-size: 16px; padding: 3px 6px;">
<div id="info_start">
Click on the microphone icon and start speaking.
 </div>
<div id="info_speak_now" style="display: none;">
Speak now || बोलना शुरू करें !
 </div>
<div id="info_no_speech" style="display: none;">
No speech was detected. adjust your microphone settings.
 </div>
<div id="info_no_microphone" style="display: none;">
No microphone.! Ensure that a microphone configured correctly.
 </div>
<div id="info_allow" style="display: none;">
Click the "Allow" button above to enable your microphone.
 </div>
<div id="info_denied" style="display: none;">
Permission to use microphone was denied.
 </div>
<div id="info_blocked" style="display: none;">
Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream
 </div>
<div id="info_upgrade" style="display: none;">
This facility is not supported by your browser. Upgrade to <a href="https://www.google.com/chrome" target="_blank">Chrome</a>.
 </div>
</div>
<div class="flex-box">
<select id="select_language" onchange="updateCountry()" style="margin: 1px 0px; padding: 0px;"></select>
<select id="select_dialect" style="margin: 1px 0px; padding: 0px;"></select>
<button id="start_button" onclick="startButton(event)" style="background: #fff; padding: 0;" title="Click and Start Speaking"><img alt="Start" height="30" id="start_img" src="https://www.google.com/intl/en/chrome/assets/common/images/content/mic.gif" width="64" /></button>
</div>
<div id="results" style="background: #fff; border: 1px solid skyblue; margin: 5px; min-height: 180px; padding: 5px; text-align: left;">
<span class="final" id="final_span" style="color: blue; padding-right: 3px;"></span> <span class="interim" id="interim_span" style="color: red;"></span>
</div>
<div class="etool-button-wrapper flex-box">
<button class="etool-button" id="button1" onclick="CopyToClipboard('results')" title="Copy Text"><i aria-hidden="true" class="fa fa-files-o"></i> Copy</button>
<button class="etool-button" id="email_button" onclick="emailButton()" title="Send through Email"><i aria-hidden="true" class="fa fa-envelope"></i> Send Email</button>
<button class="etool-button" name="download" onclick="saveTextAsUnicode();" title="Download Text"><i aria-hidden="true" class="fa fa-download"></i> Download Text</button>
</div>
<script src="https://dl.dropbox.com/s/07a7qmtn09z2luo/Voice-Typing_API.js"></script>
</div>
</div>

Step #3: Create a New Page/Post

Now you have to go to Blogger Dashboard and if you want to create Tool in Page then click on Create New Page and if you want to create Tool in Post then click on Create New Post.

Now you have to click on HTML View by writing the title of your Page/Post. Now paste the code that you copied from the script. Also, you have to click on Publish.

Step #4: Tool Successfully Created

Now your tool is fully ready to use. Now you can add it to the Main Menu of your blog or share it with your friends.

Conclusion – How did you like this article on How to Create Voice to Text Generator Tool in Blogger in Hindi? You must tell by commenting in the comment box below. Can share.