موقع Google هو Shibian Shixin. اكتشفت اليوم طريقة جديدة للعب HTML5 - البحث الصوتي على صفحتهم الرئيسية. لسوء الحظ ، يمكن فقط لاستخدام متصفحات WebKit الأساسية. الاستخدام بسيط للغاية
ما عليك سوى إضافة السمة x-webkit للكلام إلى الإدخال ، المثال هو كما يلي:
<type type = "text"
وبهذه الطريقة ، سيكون هناك "ميكروفون صغير" على الجانب الأيمن من مربع الإدخال الخاص بك ، وسيتم مطالبته عند النقر عليه
ثم أستطيع أن أخبرك والتعرف عليه. بعد الاختبار ، وجدت أن معدل التعرف على الصينيين والإنجليزية مرتفع للغاية.
سمات أخرى لإدخال الصوت :هذا الشيء يمكن أن يفرض Lang نوع النطق في المربع ، على سبيل المثال
<نوع الإدخال = نص X-Webkit-Speech Lang = ZH-CN/>
حاليًا ، الأحداث الصوتية الوحيدة المعروفة هي OnWebKitspeadeAchchange. كما يوحي الاسم ، فهي أحداث يتم تشغيلها عندما يتغير الصوت. يمكن تقديمها بشكل عام.
<type type = "text" x-webkit-appeech OnWebKitspeadeChange = "$ (this) .cloest ('form'). submit ()"/>
بعد ذلك ، سيتم البحث تلقائيًا
X-Webkit-Grammar ليست خاصية تستخدم للبحث الصوتي ، ولكن يمكنها التحكم في بناء جملة هذا الإدخال. على سبيل المثال ، إذا كنت تقوم بعمل مربع بحث ، فيمكنك استخدامه
<type type = "text" x-webkit-Speech x-webkit-grammar = "buildin: search" />
اجعل إدخال محتوى الصوت في أقرب وقت ممكن من محتوى البحث ، وإزالة الأحرف غير الضرورية ، مثل "The"
هذه الوظيفة مثيرة للاهتمام للغاية ، وليس من الجيد أن تكون عملية. يرجع السبب في ذلك إلى أن نطاق التطبيق صغير جدًا ، لذلك لا يسعني إلا أن آمل أن يتم تطبيق HTML5 بشكل موحد في أقرب وقت ممكن.
المرجع ذات الصلة:
البحث الصوتي HTML5 (البحث الصوتي لمتجر Taobao)
يتطلب البحث الصوتي HTML5 جملة واحدة فقط من الكود