التعليق: يدعم HTML5 البحث الصوتي ، ولكن لسوء الحظ ، يمكن فقط لاستخدام متصفحات WebKit الأساسية استخدامه بسيطًا للغاية. تحتاج فقط إلى إضافة السمة x-webkit للكلام إلى الإدخال. يمكن للأصدقاء المهتمين التعرف على ذلك.
يدعم HTML5 البحث الصوتي ، ولكن للأسف ، يمكن فقط لاستخدام متصفحات WebKit الأساسية. الاستخدام بسيط للغاية. فقط أضف السمة x-webkit للكلام للإدخال. المثال هو كما يلي: <إدخال نوع = نص x-webkit-appeech />
وبهذه الطريقة ، سيكون هناك "ميكروفون صغير" على الجانب الأيمن من مربع الإدخال الخاص بك ، وسيتم مطالبته عند النقر عليه
ثم يمكنك إخباره والتعرف عليه ، مثل البحث الصوتي لمتجر Taobao:
سمات أخرى لإدخال الصوت: لانغ هو نوع اللغة
يمكنك التحكم في نوع لغة الكلام في مربع الإدخال ، على سبيل المثال <إدخال نوع = Text X-Webkit-Speech Lang = Zh-Cn/>
حاليا ، فقط onwebkitspeechchange معروفة. كما يوحي الاسم ، إنه حدث يتم تشغيله عندما يتغير الكلام. يمكن تقديمه عمومًا كتقديم <نوع الإدخال = النص x-webkit-appeech onwebkitspeechchange = $ (this) .cloest ('form'). إرسال ()/>. بهذه الطريقة ، سوف يبحث تلقائيًا بعد الانتهاء من قوله.X-Webkit-Grammar: هذه ليست خاصية تستخدم للبحث الصوتي ، ولكن يمكنها التحكم في بناء جملة هذا الإدخال. على سبيل المثال ، عند إجراء مربع بحث ، يمكنك استخدام <input type = text x-webkit-Speech x-webkit-grammar = buildin: search /> x-webkit-grammar:
اجعل إدخال محتوى الصوت في أقرب وقت ممكن من محتوى البحث ، وإزالة الأحرف غير الضرورية ، مثل "The".
هنا مثال صغير لاختبار:<html>
<body>
<pecttype = "text" accessKey = "s" autofocus = "true" autocomplete = "OFF" name = "value_2" id = "value_2"
<button type = "submit"> Search </utton>
</body>
</html>
الآثار هي كما يلي: