Speech / Voice to Text Converter Free Blogger Script

So what is the speech text now? So let me tell you that this is a technology-based on AI (artificial intelligence). It instantly converts the speech we speak into text. In other words, the chaos of writing will come to an end.


Today, like many bloggers, it is a content writer. They always need to write. Therefore, this speech-to-text converter will be very useful. Because we and you know that writing an article takes too much time. Therefore, if you use this tool, you can easily save time.

Speech / Voice to Text Converter Free Blogger Script


Steps to create a voice-to-text converter in Blogger/Blogspot

Therefore, we have learned this speech-to-text tool above. But the point now is, can we use this tool on Blogger or Blogspot? So the answer is yes, you can easily create this voice text file generator tool on Blogger or Blogspot website.


Therefore, if you want to create such a tool on your website, you must carefully follow the steps below. Like I said, you must do it on your blog site. So let's get started.


Step 1: Go to the Blogger dashboard

First, you must log in to the Blogger dashboard. This is the first step in making the tool on your website.

Step 2: Copy the script

Now, you have provided this speech-to-text converter HTML script in the box below. You must copy the code given below. In this script, you can use HTML, CSS, and JavaScript at the same time.

<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.dropboxusercontent.com/s/ohzbekdwidq1w0b/audiototext.js"></script>
</div>
</div>

Step 3: Create a new page/post

Now you have to go to the Blogger dashboard, if you want to create a tool in Page, click "Create a new page", if you want to create a tool in Post, click "Create a new post".
Now you have to write the title of the page/post and click on the HTML view. Now paste this code you copied. In addition, you must click Publish.

Step 4: The tool is created successfully

Now your tools are ready to use. Now you can add it to the main menu of your blog or share it with your friends.

Avoid abusing comments. Peace ✌️ ✌️

Post a Comment

Avoid abusing comments. Peace ✌️ ✌️

Post a Comment (0)

Previous Post Next Post