Web Günlüğü - Anasayfa
Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü

Sayfalar



bu bloğu izle

Bumerang - Yazarkafe

Olist Blogger Teması
canlı radyo dinle

HTML5 İle Sesli Arama

20 Ağustos 2011 Cumartesi - #
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ıtlaSil
  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ıtlaSil
  3. Çok iyi düşünülmüş.Teşekkürler Emeğinize sağlık.

    YanıtlaSil
  4. Sesli arama google translate gibi.

    YanıtlaSil
  5. ınternet tembellestrıyor bızı

    YanıtlaSil
  6. çok ilginç birşeye benziyor.

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

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

    YanıtlaSil