قبل این که چند خط کد بزاریم که متن مارا بخونه یه داستانی را تعریف کنم
سال ۹۲ کد من مدیرفنی شرکت طراحی سایت بودم تو مصاحبه استخدام یه سوالی را اخر از بچه ها میپرسیدم و سوال این بود که یه سایت میخواید بزنید برای نابیناها چیکار میکنید
خیلیا جواب میدادند که فرمان های صوتی میزاریم که هرجایی رفت براش توضیح اون بخش را بده خوب این قابلیتی هست که معمولا الان بیشتر سیستم عامل های اندروید دارند ولی داستان اسکرول کردن سایت را چیکار کنیم بچه های باهوش تر میگفتند فرمان های حرکتی میزاریم که دکمه های چپ راست بالا پایین کیبورد را زد یه توضیحی بده و یه کاری انجام بده هنوز هم نظریه ها برای این مدل سایت زیاده ولی خوب امیدوارم یه روزی برسه یه راه حل درست حسابی داشته باشیم برای این موضوع (مخصوصا بعد از پخش سریال see)
خیلی ساده ما میتونیم این کار را انجام بدیم با این ۳ خط کد
var msg = new SpeechSynthesisUtterance(); msg.text = "Hello World" window.speechSynthesis.speak(msg);
برای چک کردن ساپورت مرورگر و سیستم عامل هم از این کد میتونید استفاده کنید
if ('speechSynthesis' in window) { // تبریک این قابلیت را پشتیبانی میکنه ? }else{ // این قابلیت پشتیبانی نمیشه ? alert("Sorry, your browser doesn't support text to speech!"); }
البته میتونید این API را کانفیگ کنید
var msg = new SpeechSynthesisUtterance(); var voices = window.speechSynthesis.getVoices(); msg.voice = voices[10]; msg.volume = 1; // From 0 to 1 msg.rate = 1; // From 0.1 to 10 msg.pitch = 2; // From 0 to 2 msg.text = "Welcome" // msg.text = "خوش آمدید" msg.lang = 'en'; // انشالله یه روزی از fa هم ساپورت کنه speechSynthesis.speak(msg);
موفق باشید