پست وبلاگ قبلی تشخیص کلمه بیدار را برای برنامه Vaadin با استفاده از Picovoice اضافه کرد. این یک رویکرد قوی در مرورگر برای ایجاد برنامه‌هایی است که همیشه گوش می‌دهند. ممکن است بخواهید از آن برای تشخیص کامل گفتار استفاده کنید، اما همچنین پیش نویس استاندارد گفتار وب API نیز راهی برای فعال کردن برنامه های کاربردی صوتی ارائه می دهد.
چند راه برای ادغام API های وب وجود دارد. این بار به نحوه استفاده از وب گفتار API برای تشخیص گفتار در Vaadin با ادغام یک افزونه آماده از Vaadin Directory می پردازیم.
یک افزونه از فهرست Vaadin انتخاب کنید
به vaadin.com/directory بروید و جستجو کنید “سخن، گفتار”. افزونه‌ای مانند «تشخیص صدا» را انتخاب کنید و روی دکمه نصب در بالا سمت راست کلیک کنید تا روش‌های مختلف نصب را ببینید: وابستگی‌های لازم را دریافت کنید، دانلود کنید، یا در این مورد: یک پروژه جدید ایجاد کنید.
یک پروژه Vaadin با افزونه ایجاد کنید
بر روی “ایجاد پروژه” کلیک کنید و شروع به دانلود یک فایل Zip با راه اندازی کامل پروژه Maven می کند. فایل فشرده را استخراج کرده و آن را در IDE خود وارد کنید. در IntelliJ، استفاده کنید New –> Project from Existing Sources....
تشخیص گفتار را در واادین UI پیاده سازی کنید
پس از باز کردن پروژه Vaadin در IDE خود، کلاس View اصلی را پیدا کنید. من “HelloWorldView.java” را ویرایش کردم که تعدادی کد نمونه در آن وجود دارد. به صفحه افزونه برگردید و کد نمونه را از مستندات افزونه در سازنده کلاس view کپی و جایگذاری کنید. فقط کد نمونه قبلی را جایگزین کنید.
کلاس Application را در اشکال زدایی اجرا کنید و سرور توسعه را راه اندازی کنید. از آنجا که ما در حال افزودن یک افزونه جدید هستیم، ممکن است کمی طول بکشد، اما صبور باشید.
روی دکمه شروع در رابط کاربری کلیک کنید و اجازه استفاده از میکروفون را بدهید. سعی کنید چیزی بگویید و ببینید چقدر خوب عمل می کند. در اولین تلاش، مرورگر برای دسترسی به میکروفون از شما اجازه می خواهد. به یاد داشته باشید، در حال حاضر، API تشخیص گفتار فقط در کروم و سافاری موجود است.
دستورات خود را سفارشی کنید و اضافه کنید
اکنون می توانید توابع خاص برنامه کاربردی خود را پیاده سازی کنید. به عنوان مثال، تغییر کد در شنونده رویداد برای نشان دادن اعلان استاندارد Vaadin:
final String command = "show notification";
voiceRecognition.addResultListener(listener -> {
String text = listener.getSpeech();
if (text.contains(command)) {
Notification.show(
text.substring(text.indexOf(command)
+command.length()));
}
});
نتیجه
این یک راه ساده برای ایجاد دستورات صوتی برای برنامه وب Vaadin بود. در حالی که هنوز با پشتیبانی مرورگر محدود است، تشخیص گفتار امکانات هیجان انگیزی را برای افزایش تجربه کاربر در برنامه های کاربردی وب باز می کند. نظرات و تجربیات خود را در نظرات زیر به اشتراک بگذارید و منتظر اطلاعات بیشتر باشید.
