วิธีใหม่ในการเล่น HTML5 - การค้นหาด้วยเสียง

ความคิดเห็น: เว็บไซต์ของ Google คือ Shibian Shixin วันนี้ฉันค้นพบวิธีใหม่ในการเล่น HTML5 - การค้นหาด้วยเสียงในหน้าแรกของพวกเขา น่าเสียดายที่เบราว์เซอร์ core webkit เท่านั้นที่สามารถใช้งานได้ การใช้งานง่ายมากเพียงเพิ่มแอตทริบิวต์ X-Webkit-Speech ลงในอินพุต

เพียงเพิ่มแอตทริบิวต์ 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 ต้องใช้รหัสเพียงหนึ่งประโยค