کد تبدیل صدا به نوشتار چت روم
با سلام خدمت همه دوستان عزیز
امروز براتون یک کد خیلی عالی آماده کردم که با اون میتونید توی چت روم صدا رو به نوشتار تبدیل کنید تا کاربران راحت تر بتونند با هم دیگه ارتباط برقرار کنند.
کدی که در اختیار شما میزارم یکی از کوچکترین امکانات HTML 5 هستش که خیلی کاربردی هست و خیلی افراد بدون اینکه بدونند توی خیلی ازقالب هاشون استفاده میکنند.
بعد قرار دادن کد توی قسمتی که پایین تر آموزش داده میشه شکل فیلد ورودی شما مثل تصویر زیر خواهد شد که بعد از کلیک روی میکروفون کوچولو که در کنار فیلد قرار داده شده اون پنجره کوچیک ظاهر میشه
خب بریم سراغ آموزش..
آموزش خیلی خیلی ساده تر از اون چیزی هستش که فکرشو میکنید...
میریم سراغ فایل های قالب چت روم که توی شاخه styles هستش و بعد وارد پوشه ایی بشید که به عنوان قالب چت روم تون انتخاب کردید...
بعد بریم سراغ فایل chat.tpl.html و ویرایشش میکنیم ...
دنبال خط زیر میگردیم :
<input name="message" id="message" type="text" class="input" style="width:400px;"/>
حالا فقط کافیه آخر همین تگ کد x-webkit-speech رو قرار بدیم اون وقت کد به شکل زیر میشه :
<input name="message" id="message" type="text" class="input" style="width:400px;" x-webkit-speech/>
خب کار تمومه...
این کد فقط برای زبان انگلیسی استفاده میشه ...
این امکان فقط بر روی مرورگر گوگل کروم قابل نمایش است.
فایل رو ذخیره کنید و ببندید بعد صفحع داحل چت روم رو رفرش کنید تا شاهد آیکون میکروفن باشید..
موفق باشید ....
- 19 مهر 1392
- 0 دیدگاه
- 14313 بازدید