Menambahkan Voice Search Di Website Yang Anda Miliki

 Author : hadinug, 22 April, 2014, Komentar



Google merupakan search engine nomor 1 didunia, dan salah satu fitur yang menarik dari mesin pencarian google adalah voice search. Yaps, pencarian dengan suara sekarang ini lagi ngetrend dan banyak website yang sudah mengunakan pencarian dengan suara.


Nah ditutorial kali ini kita akan belajar bagaiman membuat pencarian dengan voice di hadinug.net. Caranya sangat simple dan sangat sederhana. Dengan menngunakan HTML5 speech input field, kita bisa membuat sebuah text inputan yang menerima inputan dari voice atau suara.



<input type="text" placeholder="speak something" x-webkit-speech />


Berikut kode HTML dan jQuery untuk form pencarian dengan suara:


<script type="text/javascript">
function cariSekarang() {
//$('#myform').submit(); //jQuery
// atau dengan javascript murni
document.getElementById("myform").submit(); //normal javascript
}
</script>

<form id="myform" method="get">
<input type="text" x-webkit-speech onwebkitspeechchange="cariSekarang()">
</form>

Mudah dan simple bukan!, silahkan di coba :-)


 
Bagikan halaman ke sosial media
 
Tags :   html5    voice       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda