Pasang HTML5 Voice Transcription di Websitemu!

Saya yakin, semua pasti sudah pada tahu versi terbaru HTML? Yap, yaitu versi 5 yang sekarang sudah menyediakan berbagai tag-tag seperti <video></video> (Untuk memainkan Video tanpa Flash) atau <audio></audio> (Untuk memainkan audio tanpa Flash), <header></header> (Pengganti tag <div id=”header”) dsb. yang sekarang sudah lumayan di support oleh banyak Browser, termasuk Firefox, Opera, Safari, Google Chrome maupun Internet Explorer 9. Sekarang, Google Chrome Versi 11 Beta menambahkan sebuah tag tambahan untuk HTML5. Sebenarnya tidak tepat disebut “tag tambahan” karena tidak benar-benar tag tambahan, hanya saja ada personalisasi tambahan pada tag HTML sebelumnya, yaitu tag <input>. Yang dimaksud dengan tag <input> adalah tag <input> yang berbasis text/tulisan.

<form name=”cobaform”> <input type=”text” name=”contoh” id=”contoh” /> </form>

Sekarang, hasilnya adalah seperti ini… Ya, memang hanya text box kosong . Tapi, itu karena kita belum menggunakan HTML5 Voice Transcript. Kita sekarang ubah scriptnya menjadi seperti ini

<form name=”cobaform”> <input type=”text” name=”contoh” id=”contoh” x-webkit-speech/> </form>

Alhasil… Munculah si gambar Microphone… Eits, kok kagak muncul ya??? Kemungkinan terbesar bila itu tidak muncul adalah Anda tidak sedang menggunakan Google Chrome 11, karena yang mensupport Voice Transcription sampai sekarang baru Google Chrome 11 saja. Jadi, silahkan download Google Chrome 11 sekarang di http://www.google.com/intl/en/landing/chrome/beta/. Perlu diingat bahwa link tersebut dapat berubah sewaktu-waktu mengingat saat artikel ini ditulis, Google Chrome 11 masih pada versi Beta. Bila ternyata sudah tidak bisa, berarti sudah dirilis versi Finalnya. Trus, cara pakenya gimana? Gampang! Cukup klik saja icon Microphonenya, nanti bakal muncul gini… Silahkan katakan apa yang ingin anda tulis pada text box tersebut. Ingat, bahwa ini hanya mensupport Bahasa Inggris, jadi yang gak jago bahasa Inggris, maaf ya. Perlu diingat juga bahwa HTML5 Transcriptnya sangatlah sensitif, jadi pastikan Pronunciation (penyebutan kata) anda benar sehingga akan menghasilkan arti yang diinginkan. Kita mungkin perlu mencoba berulang-ulang kali untuk bisa menghasilkan Pronunciation yang tepat, jadi silahkan coba-coba dulu yaa… Ok, pengen liat contohnya? Silahkan lihat penggunaan benarnya di website jejaring sosial saya, www.bluelizer.com (Ngiklan dikit gak apa-apa ya… ). Coba saja anda gunakan Google Chrome 11 Beta lalu buka websitenya! Jangan lupa register dulu . Kalau sudah, silahkan login dan lihat bahwa anda bisa mengupdate status menggunakan fitur HTML5 ini

Created by VirSpector
http://www.virspector.uk.to/2011/03/pasang-html5-voice-transcription-di-websitemu.vir

Hargai hak cipta! Jangan copas tanpa link source diatas! Klik disini untuk info lebih lanjut