Cara baru untuk bermain html5 - pencarian suara

Komentar: Situs web Google adalah Shibian Syixin. Hari ini, saya menemukan cara baru untuk bermain HTML5 - pencarian suara di beranda mereka. Sayangnya, hanya browser inti WebKit yang dapat menggunakannya. Penggunaannya sangat sederhana, cukup tambahkan atribut x-webkit-speech ke input

Cukup tambahkan atribut X-Webkit-speech ke input, contohnya adalah sebagai berikut:

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

Dengan cara ini, akan ada "mikrofon kecil" di sisi kanan kotak input Anda, dan itu akan diminta saat diklik

Lalu aku bisa memberitahumu dan mengenalinya. Setelah pengujian, saya menemukan bahwa tingkat pengakuan Cina dan Inggris cukup tinggi.

Atribut lain untuk input suara:

Hal ini dapat memaksa jenis pengucapan di dalam kotak, misalnya

<Input Type = Teks X-Webkit-Speech Lang = ZH-CN/>

Saat ini, satu -satunya acara suara yang diketahui adalah OnWebkitspeechchange. Seperti namanya, itu adalah peristiwa yang dipicu ketika suara berubah. Umumnya dapat diserahkan.

<input type = "text" x-webkit-speech onwebkitspeechchange = "$ (this) .cloest ('form'). Kirim ()"/>

Setelah itu, itu akan dicari secara otomatis

X-Webkit-Grammar bukan properti yang digunakan untuk pencarian suara, tetapi dapat mengontrol sintaks dari input ini. Misalnya, jika Anda melakukan kotak pencarian, Anda dapat menggunakannya

<input type = "text" x-webkit-speech x-webkit-grammar = "builtin: cari" />

Jadikan input konten suara sedekat mungkin dengan konten pencarian, dan hapus karakter yang tidak perlu, seperti "The"

Fungsi ini cukup menarik, dan bukan ide yang baik untuk menjadi praktis. Ini terutama karena ruang lingkup aplikasi terlalu kecil, jadi saya hanya bisa berharap bahwa HTML5 akan diterapkan secara seragam sesegera mungkin.

Referensi Terkait:

Pencarian Suara HTML5 (Pencarian Suara Taobao Store)

Pencarian suara HTML5 hanya membutuhkan satu kalimat kode