قابلیت speech در HTML5

html5 speech

در این قسمت از سری آموزش های دوران طراحی وب به بحث جالب speech در زبان HTML5 می پردازیم . با ما همراه باشید .

 

همواره بشر به دنبال راهکارهایی جهت راحتی زندگی خود و آسایش بیشتر و کار کمتر بوده و هست . شاید کمتر کسی فکر می کرد که در دنیای وب کار به جایی برسد که ما با صحبت کردن و حرف زدن کارهایمان را انجام دهیم ! اما اینطور نیست , در زبان HTML5 شما به api بسیار جالبی دسترسی دارید که می توانید فرمان صوتی را به نوشته تبدیل کنید ! در ادامه با ما همراه باشید

speech

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

و اما برسیم به نحوه استفاده از این api در زبان HTML5 . فقط در یک کلام “سادست” ! به کد زیر توجه کنید :

[html]

<input type=”text” x-webkit-speech>

[/html]

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

البته اگر هنوز شما از doctype های XHTML استفاده می کنید باید دستور بالا را اینطور بنویسید :

[html]

<input type=”text” x-webkit-speech=”x-webkit-speech”>

[/html]

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

[javascript]
if (document.createElement(“input”).webkitSpeech === undefined) {
alert(“Speech input is not supported in your browser.”);
}
[/javascript]

به نظر من همین حالا این قابلیت رو تست و اجرا کنید و لذتش را ببرید . البته اگه خیلی عجله دارید سایت google.com را با مرورگر گوگل کروم نسخه جدید باز کنید و از این قابلیت رو اونجا هم می تونید به راحتی استفاده کنید .

خب به این ترتیب به یکی دیگه از سری آموزش های دوران طراحی وب رسیدیم و امیدوارم باز هم با نظرای خوبتون ما رو خوش حال کنید .

موفق پیروز و سربلند باشید

در پناه صاحب الزمان (عج)

 


دیدگاه ها برای قابلیت speech در HTML5

  • سلام خسته نباشید عالی بود اموزش
    ممنون از سایت

    ahmad شهریور ۳۰, ۱۳۹۲ ۰۳:۴۷ پاسخ دادن
  • سلام
    عالی بود ممنون

    حسین شهریور ۳۱, ۱۳۹۲ ۱۱:۴۴ پاسخ دادن
  • البته فقط ب درد استفاده برای انگلیسی می خوره

    سجـاد! مهر ۲۳, ۱۳۹۲ ۱۴:۴۵ پاسخ دادن
  • باحال بود متشکرم

    حسین روشنایی مهر ۳۰, ۱۳۹۲ ۱۹:۳۰ پاسخ دادن
  • مرسی از آموزشتون.

    خرید اختراع تیر ۲۶, ۱۳۹۳ ۱۱:۲۰ پاسخ دادن
  • آموزش فوق العاده ای بود

    بهینه سازی مرداد ۱۴, ۱۳۹۳ ۱۲:۰۳ پاسخ دادن

با نظرات و پیشنهادات خود تمپ ها را همراهی کنید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *