Rumah > hujung hadapan web > Tutorial H5 > Carian suara HTML5 hanya memerlukan satu baris petua tutorial code_html5

Carian suara HTML5 hanya memerlukan satu baris petua tutorial code_html5

WBOY
Lepaskan: 2016-05-16 15:50:31
asal
1916 orang telah melayarinya

Taobao telah membuat carian suara sejak sekian lama, tetapi saya tidak melihat mana-mana blog atau siaran yang berkaitan bercakap tentang cara melaksanakannya. Saya menyemak beberapa maklumat hari ini dan mendapati bahawa pelaksanaannya sangat mudah, mungkin kerana ia terlalu mudah . , jadi tiada siapa yang akan membincangkannya.

Malah, hanya satu baris kod diperlukan untuk melaksanakannya:

x-webkit-ucapan

Apakah yang anda fikirkan apabila anda melihat kod ini? Ya, ini bermakna carian suara hanya menyokong pelayar teras webkit, jadi di manakah kod ini harus diletakkan?

<br><div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode91'));"><u>复制代码</u></span></div>代码如下:</div><div class="msgborder" id="phpcode91"><br /><input type="text" class="text" name="value_2" id="value_2" x-webkit-speech><br /></div>
Salin selepas log masuk
Hanya letakkan

dalam kotak input teks, anda tidak perlu melakukan apa-apa lagi, lihat

Sudah tentu terdapat beberapa parameter lain, seperti menetapkan jenis bahasa sekatan suara

Salin kod
kod adalah seperti berikut:


Terdapat juga parameter untuk menetapkan tatabahasa input suara Ini lebih sesuai untuk kotak carian. Selepas menambah parameter ini, sistem akan mengalih keluar perkataan tidak bermakna secara automatik seperti "的" dan "LA"

Salin kod
Kodnya adalah seperti berikut:



Sudah tentu, masalah kecil ditemui semasa ujian, iaitu, apabila halaman dengan carian suara ialah halaman iframe, selepas mengklik mikrofon, "Sila mula bercakap " lapisan terapung tidak Ikut kotak input

Bacaan berkaitan: Carian suara HTML5 (carian suara kedai Taobao)

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan