ابزار speech در html5   ارسال شده در تاریخ : دوشنبه ، ۴ آذر ۱۳۹۲

ابزار speech در html5

یکی از قابلیت های جالب در html5 ابزار تلفظ می باشد توسط این امکان شما می توانید قابلیت تلفظ کلمات و متن را در صفحات وب سایت خود به کاربران ارائه دهید

البته باید ذکر کنم که این ابزار فعلا تنها در مرورگر کروم پشتیبانی می شود دلیل ان هم این است که شرکت گوگل یکی از حامیان html 5 است به همین جهت api این ابزار را به صورت رایگان در اختیار کاربران قرار داده است .

حال به به کد زیر توجه نمایید همانجور که در کد زیر میبینید گزینه x-webkit-speech به تگ input  افزوده شده این گزینه امکان فعال شدن ابزار speech  را مهیا می سازد

< input dir="rtl" type="text" x-webkit-speech="" />
 
و برای doctype های XHTML نیز می توانید از نمونه زیر استفاده نمایید .
 
< inputdir="rtl" type="text" x-webkit-speech="x-webkit-speech" >
 
حال برای اینکه استفاده از این ابزار را اسان تر و حرفه ای تر شود ما می توانید توسط کد javascript نوع مرورگر کاربر را شناسایی نماییم سپس از این قابلیت استفاده نماییم کد زیر برای این مورد قابل استفاده می باشد
 
if ( document.createElement("input").webkitSpeech === undefined) {
alert("Speech input is not supported in your browser.");
}
 
موفق باشید
 
 

 




بازگشت