Web Günlüğü

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.