Cara membuat Alat Penghasil Suara ke Teks Online di Blog

Silahkan sesuaikan warna dan tampilan sesuai dengan keinginan Anda.

Mengetik membutuhkan banyak kesabaran dan karena itu jari-jari orang juga mulai terasa sakit.

Itu sebabnya orang sering mencari jalan pintas , itu sebabnya jika Anda menggunakan alat ini di blog Anda, maka orang dapat mengetik online dengan sangat baik langsung dari suaranya .

Jika orang melakukan pengetikan suara bahasa Hindi di blog Anda dengan ini , jelas bahwa mereka akan menghabiskan lebih banyak waktu di blog Anda, karena itu Google juga akan mempromosikan blog Anda secara gratis dan peringkat blog Anda juga meningkat pesat. blog akan menjangkau lebih banyak orang .

Jadi, sekarang izinkan saya memberi tahu Anda bagaimana Anda dapat menggunakan alat ini di blog Anda. 

Related Posts

Bagaimana cara membuat Alat Penghasil Suara ke Teks Online di Blog?

Untuk menerapkan Alat Pembuat Suara Online ke Teks di Blog , Anda harus   mengikuti poin -poin yang diberikan di bawah ini

Pertama-tama buka blog Anda di browser apa saja ;

1. Setelah masuk ke Dasbor blog, pilih halaman > tambahkan halaman baru .
2. Sekarang pilih tampilan html.
3. Salin kode yang diberikan di bawah ini dan tempel halaman yang baru dibuat pada blog Anda.
4. Publikasikan halaman Anda.

<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">
Klik ikon mikrofon dan mulailah berbicara.
 </div>
<div id="info_speak_now" style="display: none;">
Speak now || Mulai berbicara !
 </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>
	var langs = [
		['Indonesia',	['id-ID']],
		['English', ['en-AU', 'Australia'],
						['en-CA', 'Canada'],
						['id-ID', 'Indonesia'],
						['en-NZ', 'New Zealand'],
						['en-ZA', 'South Africa'],
						['en-GB', 'United Kingdom'],
						['en-US', 'United States']
		]
	];
	
	for (var i = 0; i < langs.length; i++) {
	  select_language.options[i] = new Option(langs[i][0], i);
	}
	select_language.selectedIndex = 0;
	updateCountry();
	select_dialect.selectedIndex = 0;
	showInfo('info_start');

	function updateCountry() {
	  for (var i = select_dialect.options.length - 1; i >= 0; i--) {
		select_dialect.remove(i);
	  }
	  var list = langs[select_language.selectedIndex];
	  for (var i = 1; i < list.length; i++) {
		select_dialect.options.add(new Option(list[i][1], list[i][0]));
	  }
	  select_dialect.style.visibility = list[1].length == 1 ? 'hidden' : 'visible';
	}

	var create_email = false;
	var final_transcript = '';
	var recognizing = false;
	var ignore_onend;
	var start_timestamp;
	if (!('webkitSpeechRecognition' in window)) {
	  upgrade();
	} else {
	  start_button.style.display = 'inline-block';
	  var recognition = new webkitSpeechRecognition();
	  recognition.continuous = true;
	  recognition.interimResults = true;

	  recognition.onstart = function() {
		recognizing = true;
		showInfo('info_speak_now');
		start_img.src = 'https://www.google.com/intl/en/chrome/assets/common/images/content/mic-animate.gif';
	  };

	  recognition.onerror = function(event) {
		if (event.error == 'no-speech') {
		  start_img.src = 'https://www.google.com/intl/en/chrome/assets/common/images/content/mic.gif';
		  showInfo('info_no_speech');
		  ignore_onend = true;
		}
		if (event.error == 'audio-capture') {
		  start_img.src = 'https://www.google.com/intl/en/chrome/assets/common/images/content/mic.gif';
		  showInfo('info_no_microphone');
		  ignore_onend = true;
		}
		if (event.error == 'not-allowed') {
		  if (event.timeStamp - start_timestamp < 100) {
			showInfo('info_blocked');
		  } else {
			showInfo('info_denied');
		  }
		  ignore_onend = true;
		}
	  };

	  recognition.onend = function() {
		recognizing = false;
		if (ignore_onend) {
		  return;
		}
		start_img.src = 'https://www.google.com/intl/en/chrome/assets/common/images/content/mic.gif';
		if (!final_transcript) {
		  showInfo('info_start');
		  return;
		}
		showInfo('');
		if (window.getSelection) {
		  window.getSelection().removeAllRanges();
		  var range = document.createRange();
		  range.selectNode(document.getElementById('final_span'));
		  window.getSelection().addRange(range);
		}
		if (create_email) {
		  create_email = false;
		  createEmail();
		}
	  };

	  recognition.onresult = function(event) {
		var interim_transcript = '';
		if (typeof(event.results) == 'undefined') {
		  recognition.onend = null;
		  recognition.stop();
		  upgrade();
		  return;
		}
		for (var i = event.resultIndex; i < event.results.length; ++i) {
		  if (event.results[i].isFinal) {
			final_transcript += event.results[i][0].transcript;
		  } else {
			interim_transcript += event.results[i][0].transcript;
		  }
		}
		final_transcript = capitalize(final_transcript);
		final_span.innerHTML = linebreak(final_transcript);
		interim_span.innerHTML = linebreak(interim_transcript);
		if (final_transcript || interim_transcript) {
		  showButtons('inline-block');
		}
	  };
	}

	function upgrade() {
	  start_button.style.visibility = 'hidden';
	  showInfo('info_upgrade');
	}

	var two_line = /\n\n/g;
	var one_line = /\n/g;
	function linebreak(s) {
	  return s.replace(two_line, '<p></p>').replace(one_line, '<br>');
	}

	var first_char = /\S/;
	function capitalize(s) {
	  return s.replace(first_char, function(m) { return m.toUpperCase(); });
	}

	function createEmail() {
	  var n = final_transcript.indexOf('\n');
	  if (n < 0 || n >= 80) {
		n = 40 + final_transcript.substring(40).indexOf(' ');
	  }
	  var subject = encodeURI(final_transcript.substring(0, n));
	  var body = encodeURI(final_transcript.substring(n + 1));
	  window.location.href = 'mailto:?subject=' + subject + '&body=' + body;
	}

	function copyButton() {
	  if (recognizing) {
		recognizing = false;
		recognition.stop();
	  }
	  copy_button.style.display = 'none';
	  copy_info.style.display = 'inline-block';
	  showInfo('');
	}

	function emailButton() {
	  if (recognizing) {
		create_email = true;
		recognizing = false;
		recognition.stop();
	  } else {
		createEmail();
	  }
	  email_button.style.display = 'none';
	  email_info.style.display = 'inline-block';
	  showInfo('');
	}

	function startButton(event) {
	  if (recognizing) {
		recognition.stop();
		return;
	  }
	  final_transcript = '';
	  recognition.lang = select_dialect.value;
	  recognition.start();
	  ignore_onend = false;
	  final_span.innerHTML = '';
	  interim_span.innerHTML = '';
	  start_img.src = 'https://www.google.com/intl/en/chrome/assets/common/images/content/mic-slash.gif';
	  showInfo('info_allow');
	  showButtons('none');
	  start_timestamp = event.timeStamp;
	}

	function showInfo(s) {
	  if (s) {
		for (var child = info.firstChild; child; child = child.nextSibling) {
		  if (child.style) {
			child.style.display = child.id == s ? 'inline' : 'none';
		  }
		}
		info.style.visibility = 'visible';
	  } else {
		info.style.visibility = 'hidden';
	  }
	}

	var current_style;
	function showButtons(style) {
	  if (style == current_style) {
		return;
	  }
	  current_style = style;
	  copy_button.style.display = style;
	  email_button.style.display = style;
	  copy_info.style.display = 'none';
	  email_info.style.display = 'none';
	}

	function saveTextAsUnicode() {
    var textToSave = document.getElementById("results").value;
    var textToSaveAsBlob = new Blob([textToSave], {type:"text/Doc"});
	//var textToSaveAsBlob = new Blob([textToSave], {type:"text/plain"});
    var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
	//var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
    var fileNameToSaveAs = "Text in Unicode.doc";
    var downloadLink = document.createElement("a");
    downloadLink.download = fileNameToSaveAs;
    downloadLink.innerHTML = "Download File";
    downloadLink.href = textToSaveAsURL;
    downloadLink.onclick = destroyClickedElement;
    downloadLink.style.display = "none";
    document.body.appendChild(downloadLink);
    downloadLink.click();
}

function destroyClickedElement(event) {
    document.body.removeChild(event.target);
}

function CopyToClipboard(results) {
if (document.selection) { 
    var range = document.body.createTextRange();
    range.moveToElementText(document.getElementById(results));
    range.select().createTextRange();
    document.execCommand("copy"); 

} else if (window.getSelection) {
    var range = document.createRange();
     range.selectNode(document.getElementById(results));
     window.getSelection().addRange(range);
     document.execCommand("copy");
     alert("Text Copied") 
}}

  </script>
</div>
</div>

Sekarang Alat Pembuat Suara ke Teks Online telah dibuat di situs web, blog Anda, Anda dapat mengonfirmasi pengujiannya dengan berbicara dengan suara, jika pengkodean ini tidak berfungsi di blog Anda, silahkan coba kembali dengan teliti atau bisa di tuliskan pada kolom komentar. Kami akan membantu Anda.

Go to Link