طريقة جديدة للعب HTML5 - البحث الصوتي

التعليق: موقع Google هو Shibian Shixin. اليوم ، اكتشفت طريقة جديدة للعب HTML5 - البحث الصوتي على صفحتهم الرئيسية. لسوء الحظ ، يمكن فقط لاستخدام متصفحات WebKit الأساسية. الاستخدام بسيط للغاية ، ما عليك سوى إضافة السمة X-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 جملة واحدة فقط من الكود