Fatih UZUNER – Kişisel Blog PHP MYSQL JAVA

Sitenize sesli arama özelliği ekleyin

Geçenlerde bir web sitesini gezerken sesli arama özelliğinin olduğunu farkettim.Hoşuma da gitmişti doğrusu.Biraz araştırmadan sonra bu özelliğin nasıl eklendiğini buldum ve paylaşmak istedim.

Öncelikle yapılması gereken basit.Normalde arama formunuzda illa ki bir input kullanacaksınız:

1

<input type="text" name="s" />

gibi.

Google sesli aramayı eklemek için yapmanız gereken sadece bu input nesnesini düzenlemek:

1

<input type="text" name="s" x-webkit-speech speech onwebkitspeechchange=this.form.submit(); />

Yani inputa sadece x-webkit-speech speech onwebkitspeechchange=this.form.submit(); yazmanız yeterli.

İnputu bu şekilde düzenlemeniz durumunda arama kutunuzun sonunda resimde görüldüğü gibi bir mikrofon göreceksiniz.

Unutmadan bu özellik şu an sadece Chrome tarayıcılarında çalışır.