ایجاد قابلیت speech در HTML5
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش
شرکت گوگل یا بهتر است بگوییم این غول نرم افزاری که خود از توسعه دهنده ها و یکی از حامیان اصلی HTML5 است این api را به این زبان اضافه کرده است و البته این را هم بگوییم که این api فعلا فقط برروی مرورگر گوگل کروم کاربرد دارد و دیگر مرورگر ها از آن پشتیبانی نمی کنند اما نگران نباشید در آینده ای نزدیک همه مرورگر ها از این قابلیت جالب و عالی پشتیبانی خواهند کرد .
و اما برسیم به نحوه استفاده از این api در زبان HTML5 . فقط در یک کلام “سادست” ! به کد زیر توجه کنید :





در مثال بالا دستور input یک فیلد ورودی را ایجاد می کند که این فیلد قابلیت دریافت متن که در خاصیت type قرار دارد را مشخص می کند که تا اینجای کار را همه کاربلد ها بلدیم ! اما دستور “x-webkit-speech” است که فیلد ما را جادویی می کند و قابلیت speech یا همان تبدیل فرمان صوتی به متن را ایجاد می کند .
البته اگر هنوز شما از doctype های XHTML استفاده می کنید باید دستور بالا را اینطور بنویسید :





حال به همین راحتی ما تونستیم قابلیت speech رو به سایتمون اضافه کنیم . اما یک نکته و آن این که همانطور که قبل تر گفتیم این قابلیت فعلا در مرورگر کروم قابل استفاده است و ما می توانیم با استفاده از api این دستور در زبان شیرین javascript استفاده کنیم تا متوجه شویم که مرورگر کاربر از این قابلیت پشتیبانی می کند یا خیر :




if (document.createElement(\"input\").webkitSpeech === undefined) {
alert(\"Speech input is not supported in your browser.\");
}
به نظر من همین حالا این قابلیت رو تست و اجرا کنید و لذتش را ببرید . البته اگه خیلی عجله دارید سایت google.com را با مرورگر گوگل کروم نسخه جدید باز کنید و از این قابلیت رو اونجا هم می تونید به راحتی استفاده کنید .
خب به این ترتیب به یکی دیگه از سری آموزش های دوران طراحی وب رسیدیم و امیدوارم باز هم با نظرای خوبتون ما رو خوش حال کنید .
موفق پیروز و سربلند باشید




منبع : تمپها
امضاي کاربر :

تشکر شده:

4 کاربر از payamartwork به خاطر اين مطلب مفيد تشکر کرده اند: whatyouknow / sayedmobin / mahdio77 / shayan-d /

پاسخ ها
مفید بود ! ممنون

لینک منبع هم بردارید
امضاي کاربر :
شـــاد *بـــاشیــــن . . . شاید فــــردا نبـــاشین ☀



تشکر شده:

1 کاربر از mattin به خاطر اين مطلب مفيد تشکر کرده اند: mahdio77 /

یعنی این قابلیت دقیقاً چیکار میکنه ، حرف میزنه ، یا حرف ما رو میفهمه ؟
امضاي کاربر :
سلام به همه ، که نمیتونم تو عنوان بیان کنم،
فعلاً تو رزبلاگ فعالیت نمی کنم ، روی هاست رفیقم فعال هستم www.Beest7.com قالبش که درست کنم احتمالآً دامنه جدید براش میگیرم ، البته فعلاً صفحه اولش کیفیت نداره و اصلش Web.beest7.com هست
و شبکه اجتماعی هم به فکرش هستم که بهش اضافه کنم . تقریباً خودم مدیره اجراییش هستم و کدنویسی و مدیریتش میکنم
نوشتی به کد زیر توجه کنید ! ولی کدی وجود نداره!
امضاي کاربر :


عشق پاره‌‌ی تن من نیست / شروعش از پشت گردن نیست

شاعر : خودم
یه سری ایراد داشت


ولی عالی بود .

ممنون

بالاخره ، یه مقاله بدرد بوخور توی قالب گراف پیدا شد .



+
امضاي کاربر :

تشکر شده:

1 کاربر از ahmadreza9001 به خاطر اين مطلب مفيد تشکر کرده اند: h222kr-ir /


براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.