เว็บไซต์ของ Google คือ Shibian Shixin วันนี้ฉันค้นพบวิธีใหม่ในการเล่น HTML5 - การค้นหาด้วยเสียงในหน้าแรกของพวกเขา น่าเสียดายที่เบราว์เซอร์ core webkit เท่านั้นที่สามารถใช้งานได้ การใช้งานง่ายมาก
เพียงเพิ่มแอตทริบิวต์ x-webkit-speech ลงในอินพุตตัวอย่างมีดังนี้:
<input type = "text" x-webkit-speech />
ด้วยวิธีนี้จะมี "ไมโครโฟนขนาดเล็ก" ทางด้านขวาของกล่องอินพุตของคุณและจะได้รับแจ้งเมื่อคลิก
จากนั้นฉันสามารถบอกคุณและรับรู้ได้ หลังจากการทดสอบฉันพบว่าอัตราการรับรู้ของจีนและภาษาอังกฤษค่อนข้างสูง
แอตทริบิวต์อื่น ๆ สำหรับอินพุตเสียง :สิ่งนี้ 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" />
ทำให้อินพุตเนื้อหาของเสียงใกล้เคียงกับเนื้อหาการค้นหาและลบอักขระที่ไม่จำเป็นเช่น "The"
ฟังก์ชั่นนี้ค่อนข้างน่าสนใจและไม่ใช่ความคิดที่ดีที่จะใช้งานได้จริง ส่วนใหญ่เป็นเพราะขอบเขตของแอปพลิเคชันมีขนาดเล็กเกินไปดังนั้นฉันจึงหวังได้ว่า HTML5 จะถูกนำไปใช้อย่างสม่ำเสมอโดยเร็วที่สุด
ข้อมูลอ้างอิงที่เกี่ยวข้อง:
การค้นหาด้วยเสียง HTML5 (Search Voice Search Taobao)
การค้นหาด้วยเสียง HTML5 ต้องใช้รหัสเพียงหนึ่งประโยค