ความคิดเห็น: HTML5 รองรับการค้นหาด้วยเสียง แต่น่าเสียดายที่เบราว์เซอร์ WebKit Core เท่านั้นที่สามารถใช้งานได้ง่ายมาก คุณจะต้องเพิ่มแอตทริบิวต์ x-webkit-speech ในอินพุต เพื่อนที่สนใจสามารถเรียนรู้ได้
HTML5 รองรับการค้นหาด้วยเสียง แต่น่าเสียดายที่เบราว์เซอร์ Core WebKit เท่านั้นที่สามารถใช้งานได้ การใช้งานง่ายมาก เพียงเพิ่มแอตทริบิวต์ x-webkit-speech ลงในอินพุต ตัวอย่างมีดังนี้: <อินพุต type = text x-webkit-speech />
ด้วยวิธีนี้จะมี "ไมโครโฟนขนาดเล็ก" ทางด้านขวาของกล่องอินพุตของคุณและจะได้รับแจ้งเมื่อคลิก
จากนั้นคุณสามารถบอกได้และรับรู้เช่นการค้นหาด้วยเสียงของ Taobao Store:
คุณลักษณะอื่น ๆ ของการป้อนข้อมูลเสียง: Lang เป็นประเภทภาษา
คุณสามารถควบคุมประเภทภาษาของคำพูดในกล่องอินพุตตัวอย่างเช่น <อินพุตประเภท = ข้อความ x-webkit-speech lang = zh-cn/>
ปัจจุบันมีเพียง onwebkitspeechchange เท่านั้น ตามชื่อหมายถึงมันเป็นเหตุการณ์ที่เกิดขึ้นเมื่อคำพูดเปลี่ยนไป โดยทั่วไปสามารถส่งเป็นการส่ง <อินพุต type = text x-webkit-speech onwebkitspeechChange = $ (นี่) .cloest ('ฟอร์ม') ส่ง ()/> ด้วยวิธีนี้มันจะค้นหาโดยอัตโนมัติหลังจากที่คุณพูดเสร็จX-Webkit-Grammar: นี่ไม่ใช่คุณสมบัติที่ใช้สำหรับการค้นหาด้วยเสียง แต่สามารถควบคุมไวยากรณ์ของอินพุตนี้ได้ ตัวอย่างเช่นเมื่อทำกล่องค้นหาคุณสามารถใช้ <อินพุต type = text x-webkit-speech x-webkit-grammar = builtin: search /> x-webkit-grammar:
ทำให้อินพุตเนื้อหาของเสียงใกล้เคียงกับเนื้อหาการค้นหาและลบอักขระที่ไม่จำเป็นเช่น "The"
นี่คือตัวอย่างเล็ก ๆ ในการทดสอบ:<html>
<body>
<inputType = "text" accessKey = "s" autofocus = "true" autocomplete = "ปิด" name = "value_2" id = "value_2" x-webkit-speech lang = "zh-cn" x-webkit-grammar = "builtin: ค้นหา">
<button type = "ส่ง"> ค้นหา </button>
</body>
</html>
ผลกระทบมีดังนี้: