5.00 / 1 oy

Javascript ile mikrofondan konuşma algılama uygulaması yapmak

Bugün webkitSpeechRecognition kullanarak son bir uygulama paylaşmak istedim. Hani hizmet sektöründe hizmette sınır yoktur ve sırf ziyaretçileri mutlu etmek için her türlü çaba gösterilir ya, bu uygulama da işte bu prensiple internet sitesi hazırlayan web geliştiricileri için olacak. Kullanıcı eğer hapşurduysa ona çok yaşa diyecek :)

Kullanıcının mikrofondan söylediği sesleri algılayan sistemlere speech recognition adı veriliyor, Türkçe'ye çevirecek olursak bu işleme konuşma tanıma ya da konuşma algılama demek mümkün. Sesli komutlar vererek çok sayıda işlemi tarayıcıda yaptırmak mümkün, bu uygulama da basit bir giriş olması amacıyla hazırlandı.

Sesli olarak hapşuran ziyaretçiye çok yaşa diyen internet sitesi sayfası yapmak

Uygulama şu şekilde çalışacak:

1. Kullanıcı başla tuşuna bastığında sayfa, bilgisayarın mikrofonunu kullanma izni isteyecek

2. Ses kaydı başlamış olacak

3. Eğer kullanıcı hapşu dediyse bilgisayar (tarayıcıda bir alert penceresi) da ona çok yaşa diyecek

javascript ses algılama

Html ve Javascript Kodları:

<div class='search_container'>

  <input type='text' id='txt' > &nbsp; 
  <input type='button' value='Başla' onclick='startRecording();'>
</div>


<script>
var algila = new webkitSpeechRecognition();

algila.onresult = function(event) { 
  var neDedi = "";
  for (var i = event.resultIndex; i < event.results.length; i++) {
    if (event.results[i].isFinal) {
      neDedi = event.results[i][0].transcript;
    } else {
      neDedi += event.results[i][0].transcript;
    }
  }
  
  document.getElementById('txt').value = neDedi;
 
  //çokyaşa
  if (neDedi == "hapşu")
	alert("Çok yaşa");
}

function startRecording(){
  algila.start();
}
</script>

 

RainingCodes

21.04.2020 21:47

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Javascript ile mikrofondan konuşma algılama uygulaması yapmak

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.