Rumah >hujung hadapan web >Tutorial H5 >Permainan baharu html5 - carian suara_html5 kemahiran tutorial

Permainan baharu html5 - carian suara_html5 kemahiran tutorial

WBOY
WBOYasal
2016-05-16 15:50:451929semak imbas

Tapak web Google sentiasa baharu, dan hari ini saya menemui cara baharu untuk memainkan HTML5 di halaman utama mereka - carian suara. Malangnya, ia hanya boleh digunakan oleh pelayar berasaskan webkit. Penggunaannya sangat mudah
Cuma tambahkan atribut x-webkit-speech pada input Contohnya adalah seperti berikut:

Salin kod<.>Kodnya adalah seperti berikut:


Dengan cara ini anda akan dapat kotak input tambahan di sebelah kanan "Mikrofon Kecil", apabila anda mengkliknya, ia akan menggesa

dan kemudian ia akan dikenali dan saya telah mengujinya dan mendapati bahawa kadar pengecaman bahasa Cina dan Inggeris adalah agak tinggi.

Atribut lain input suara: lang boleh memaksa jenis bahasa suara dalam kotak input, seperti

Onwebkitspeechchange pada masa ini merupakan satu-satunya acara suara yang diketahui, ia adalah peristiwa yang dicetuskan apabila suara berubah Secara amnya, ia boleh diserahkan sebagai


Salin kodKod adalah seperti berikut:


Selepas menyebut ini, ia akan mencari secara automatik
x-webkit-grammar is not atribut untuk carian suara, tetapi ia boleh mengawal Sintaks input ini, contohnya, semasa membuat kotak carian, anda boleh menggunakan


Salin kod Kodnya adalah seperti berikut:
>

Jadikan kandungan input suara sedekat mungkin dengan kandungan carian dan alih keluar aksara redundansi, seperti ""
Fungsi ini agak menarik, tetapi saya tidak boleh memuji kepraktisannya skop aplikasi terlalu kecil, jadi saya hanya boleh berharap HTML5 akan disatukan dan digunakan secepat mungkin.
Rujukan berkaitan:

Carian suara HTML5 (Carian suara kedai Taobao)
Carian suara HTML5 hanya memerlukan satu kod
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn