HTML5 İle Sesli Arama

Teknoloji günden güne ilerliyor ve hep yeni sistemler geliştiriliyor. Yakın zamanda HTML5 çıktı. Fakat henüz yaygın olarak kullanılmıyor. Fakat şuan heryerde gündemi meşgul eden bir gelişme var. Bu gelişme arama formlarında sesli olarak arama yapabilmemizi sağlayan küçük ama etkili bir sistem. HTML5'in bize kazandırdığı bu özelliği Google'ın ingilizcesi sayfası olan http://www.google.com/en adresin test edebilirsiniz. Fakat küçük bir sorun var bu özelliği sadece Google Chrome tarayıcısında kullanabiliyoruz. Ayrıca kelimeleri düzgün seslendirmek de önemli. Siz de arama formunuzda sesli arama özelliğini kullanabilirsiniz. Bunu yapmak hiç de zor değil.

Alttaki arama kutusunu
<input type="text" id="s" name="q" />

Şu şekilde yapmanız yeterli olacaktır.
<input type="text" id="s" name="q" x-webkit-speech="x-webkit-speech" />

Kelimeyi kutucuğa yazıyor fakat otomatik arama işlemi yapmıyor ise de
<input type="text" id="s" name="q" x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit()" />
Bu şekilde düzenlemelisiniz.

Kısaca arama kutumuza eklediğimiz kodlar şunlar :
<x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit()" >

Bu işlemleri doğru bir şekilde yaptığınız takdirde arama kutunuzda alttaki resimdeki gibi mikrofon resmi çıkacaktır. Mikrofon'a tıklayıp arama yapmak istediğiniz kelimeyi seslendirdiğinizde otomatik olarak arama işlemi yapılacaktır.

Yorumlar

  1. Çok güzel bir gelişme fakat böyle gelişmelerin hâlâ zamana ihtiyaçları var. Yavaş yavaş derinden ilerleyen sağlam bir proje HTML5. İnşallah daha da gelişir.

    YanıtlayınSil
  2. Valla Çok Güzel Fakat Günümz İnternet Kullanıcılarını Eski tip Tarayıcı Kullandıkları için Arama Fazla Yapamıyacaklardır.

    YanıtlayınSil
  3. Çok iyi düşünülmüş.Teşekkürler Emeğinize sağlık.

    YanıtlayınSil
  4. Sesli arama google translate gibi.

    YanıtlayınSil
  5. ınternet tembellestrıyor bızı

    YanıtlayınSil
  6. çok ilginç birşeye benziyor.

    YanıtlayınSil
  7. ben bunu kullanıyorum :D teşekkürler :)

    YanıtlayınSil
  8. Uwww çok fena bir paylaşım olmuş teşekkürler abi.

    YanıtlayınSil

Yazı İçeriği

Kategoriler

Son Yazılar

Son Yorumlar

Abonelik

En son tema güncellemeleri, özel teklifler ve faydalı kaynaklardan haberdar olmak için e-posta adresinizle abone olun.