مدل گفتاری CSS

دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 4 دقیقه آخرین بروز رسانی: 18 بهمن 1399

در این مقاله مدل گفتاری CSS را بررسی می کنیم.

CSS ویژگی های ترکیبی از گفتار و پیام های از پیش ثبت شده را به شما ارائه می دهد تا به کاربران امکان گوش دادن به مطالب شما را بدهد.

مدل گفتاری

مدل گفتاری CSS برای کمک به نابینایان ، کم بینایان یا افرادی است که نمی توانند محتوای نوشتاری را بخوانند. مواردی وجود دارد که افراد شنیدن اطلاعات را به خواندن آن ها ترجیح می دهند.

توجه: ورق های سبک شنیداری منسوخ شده اند. ماژول گفتار جای آن ها را گرفت.

ویژگی های صدای CSS می تواند وب سایت شما را در بعد شنیداری قابل نمایش کند. ماژول شنیداری با ترکیب گفتار و آیکون های شنوایی کار می کند. ویژگی های شنیداری CSS به شما امکان کنترل میزان صدا و میزان گفتار ، صدا ، سطح صدا را می دهد.

توجه: در آینده ، مقادیر CSS ازیموت ممکن است پشتیبانی شود ، اما در حال حاضر پشتیبانی نمی شود.

ایجاد مدول

در این مثال ، ترکیب کننده گفتار یک جلوه صوتی پخش می کند و عنوان ها را با صدای زن می خواند:

h1, h2, h3, h4 {
    voice-stress: moderate;
    voice-family: female;
    voice-rate: normal;
    cue-before: url("rawr.au");
}

لیست خواص

ویژگی های زیادی برای مدیریت ورق های سبک شنیداری وجود دارد. به عنوان مثال ، می توانید مدل گفتاری

CSS را تنظیم کنید: هرگز از خواندن یک عنصر خاص جلوگیری نکنید. CSS صحبت می کند: هیچ مقداری وجود ندارد.

Values	Description	Property
silent x-soft soft medium loud x-loud decibel number with dB	ارتعاش شکل موج صوتی و میزان صدای نشانه های صوتی را تنظیم می کند	voice-volume
<number> left center right leftwards rightwards	تنظیم می کند که آیا صدای گفتاری از سمت چپ یا راست می آید	voice-balance
auto never always	تعیین می کند متن باید به صورت شنیداری ارائه شود	speak
normal spell-out digits literal-punctuation no-punctuation	نحوه خواندن متن را نشان می دهد	speak-as
<time> none x-weak weak medium x-strong	سکوت را برای مدت زمان مشخصی قبل از اجرای سنتز گفتار یا نشانه تنظیم می کند	pause-before
<time> none x-weak weak medium x-strong	سکوت را برای مدت زمان مشخصی پس از اجرای سنتز گفتار یا نشانه تنظیم می کند	pause-after
<time> none x-weak weak medium x-strong	ویژگی مختصر برای مکث قبل و مکث بعد از آن	pause
time> none x-weak weak medium x-strong	سکوت را برای مدت زمان مشخصی قبل از اجرای سنتز گفتار تنظیم می کند	rest-before
<time> none x-weak weak medium x-strong	یک سکوت را برای مدت زمان مشخصی پس از اجرای سنتز گفتار تنظیم می کند	rest-after
<time> none x-weak weak medium x-strong	خلاصه ای برای استراحت قبل و بعد از استراحت	rest
<uri> <decibel> none	نمادهای شنوایی را تنظیم می کند. به عنوان مثال ، پیام های از پیش ثبت شده قبل از عنصر انتخاب شده پخش می شوند	cue-before
<uri> <decibel> none	نمادهای شنوایی را تنظیم می کند. به عنوان مثال ، پیام های از پیش ثبت شده برای پخش پس از عنصر انتخاب شده	cue-after
<uri> <decibel> none	خلاصه ای برای cue-before و cue-after	cue
<name> <generic-voice> <age> <gender> <integer> preserve	نحوه خواندن متن را تنظیم می کند. در صورت خرابی یکی از آنها می توان مقادیر متعددی را اضافه کرد	voice-family
normal x-slow slow medium fast x-fast <percentage>	میزان خواندن متن (در هر دقیقه) را تنظیم می کند	voice-rate
<frequency> absolute x-low low medium high x-high <semitones> <percentage>	سطح پایه خروجی گفتار را تنظیم می کند (براساس خانواده صوتی)	voice-pitch
<frequency> x-low low medium high x-high <semitones> <percentage>	انحراف از سطح متوسط را تنظیم می کند	voice-range
normal strong moderate none reduced	قدرت تأکید را تنظیم می کند که با تغییر صدا ، بلندی صدا و غیره نشان داده می شود.	voice-stress
auto <time>	زمان خواندن عنصر انتخاب شده را تنظیم می کند	voice-duration

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊