Home
Script

Speech / Voice to Text Converter Free Blogger Script

Voice to Text Converter Free Blogger Script

So what's the speech text now? Thus let Maine tell you that this can be a technology-based on AI (artificial intelligence). It instantly converts the speech we have a tendency to speak into text. In different words, the chaos of writing can return to AN finish.

Today, like several bloggers, it's a content author. They continually ought to write. Therefore, this speech-to-text device is terribly helpful. As a result, we tend to recognize that writing a piece of writing takes an excessive amount of time. Therefore, if you utilize this tool, you'll be able to simply save time.

Speech / Voice to Text Converter Free Blogger Script


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

Therefore, we've learned this speech-to-text tool on top of. However, the purpose now could be, will we tend to use this tool on Blogger or Blogspot? Therefore the answer is affirmative; you'll simply produce this voice document generator tool on Blogger or Blogspot website.

Therefore, if you wish to form such a tool on your website, you need to rigorously follow the steps below. Like I same, you need to hump on your journal website. Thus let's start.

Step 1: Head to the Blogger dashboard

First, you need to log in to the Blogger dashboard. This is often the primary step in creating the tool on your website.

Step 2: Copy the script.

Now, you have got provided this speech-to-text convertor hypertext mark-up language script within the box below. You need to copy the code given below. You'll use hypertext mark-up language, CSS, and JavaScript at an equivalent time during this script.

Step 3: produce a brand new page/post.

Now you have got to travel to the Blogger dashboard; if you wish to form a tool in Page, click "Create a brand new page," if you wish to form a tool in Post, click "Create a brand new post."

Now you have got to write down the title of the page/post and click on on the hypertext mark-up language read. Currently, paste this code you derived. Additionally, you need to click Publish.

Step 4: The tool is made with success

Now your tools area unit can use. Currently, you'll add it to the most menu of your journal or share it along with your friends.


<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: produce a brand new page/post.
Now you have got to travel to the Blogger dashboard; if you would like to make a tool in Page, click "Create a brand new page," if you would like to make a tool in Post, click "Create a brand new post."
Now you have got to jot down the title of the page/post and click on on the hypertext markup language read. Currently, paste this code you traced. Additionally, you want to click Publish.

Step 4: The tool is formed with success
Now your tools square measure able to use. Currently, you'll add it to the most menu of your journal or share it together with your friends.

1 comment

  1. Very good article thanks for sharing information