Komentar: HTML5 mendukung pencarian suara, tetapi sayangnya, hanya browser inti WebKit yang dapat menggunakannya sangat sederhana. Anda hanya perlu menambahkan atribut x-webkit-speech ke input. Teman yang tertarik dapat mempelajarinya.
HTML5 mendukung pencarian suara, tetapi sayangnya hanya browser inti WebKit yang dapat menggunakannya. Penggunaannya sangat sederhana. Cukup tambahkan atribut X-Webkit-speech ke input. Contohnya adalah sebagai berikut: <Input Type = Teks X-Webkit-Speech />
Dengan cara ini, akan ada "mikrofon kecil" di sisi kanan kotak input Anda, dan itu akan diminta saat diklik
Kemudian Anda dapat mengatakannya dan mengenalinya, seperti pencarian suara Taobao Store:
Atribut Input Suara Lainnya: Lang adalah tipe bahasa
Anda dapat mengontrol jenis bahasa dalam kotak input, misalnya <input type = teks x-webkit-speech lang = zh-cn/>
Saat ini, hanya OnWebKitspeechchange yang diketahui. Seperti namanya, itu adalah peristiwa yang dipicu ketika pidato berubah. Ini umumnya dapat dikirimkan sebagai pengiriman <input type = text x-webkit-speech onwebkitspeechchange = $ (this) .cloest ('form'). Kirim ()/>. Dengan cara ini, itu akan secara otomatis mencari setelah Anda selesai mengatakannya.X-Webkit-Grammar: Ini bukan properti yang digunakan untuk pencarian suara, tetapi dapat mengontrol sintaks dari input ini. Misalnya, saat melakukan kotak pencarian, Anda dapat menggunakan <input type = Text X-Webkit-Speech X-Webkit-Grammar = Builtin: Search /> X-Webkit-Grammar:
Buat input konten suara sedekat mungkin dengan konten pencarian, dan hapus karakter yang tidak perlu, seperti "The".
Berikut adalah contoh kecil untuk diuji:<Html>
<body>
<inputType = "text" accessKey = "s" autofocus = "true" autocomplete = "off" name = "value_2" id = "value_2" x-webkit-speech lang = "zh-cn" x-webkit-grammar = "buildin: pencarian">
<typy type = "Kirim"> Cari </button>
</body>
</html>
Efeknya adalah sebagai berikut: