CSS - звуковые медиа

Веб-документ может быть обработан синтезатором речи. CSS2 позволяет вам прикреплять определенные функции звукового стиля к определенным элементам документа.

Звуковой рендеринг документов в основном используется людьми с ослабленным зрением. Ниже приведены некоторые из ситуаций, в которых к документу можно получить доступ посредством звуковой визуализации, а не визуальной визуализации.

Учимся читать
Training
Доступ в Интернет в автомобилях
Домашние развлечения
Промышленная документация
Медицинская документация

При использовании звуковых свойств холст состоит из трехмерного физического пространства (звуковое окружение) и временного пространства (можно указать звуки до, во время и после других звуков).

Свойства CSS также позволяют изменять качество синтезированной речи (тип голоса, частота, интонация и т. Д.).

Вот пример -

<html>
   <head>
      <style type = "text/css">
         h1, h2, h3, h4, h5, h6 {
            voice-family: paul;
            stress: 20;
            richness: 90;
            cue-before: url("../audio/pop.au");
         }
         p {
            azimuth:center-right;
         }
      </style>
   </head>

   <body>
   
      <h1>Tutorialspoint.com</h1>
      <h2>Tutorialspoint.com</h2>
      <h3>Tutorialspoint.com</h3>
      <h4>Tutorialspoint.com</h4>
      <h5>Tutorialspoint.com</h5>
      <h6>Tutorialspoint.com</h6>
      <p>Tutorialspoint.com</p>
      
   </body>
</html>

Это даст следующий результат -

Синтезатор речи будет озвучивать заголовки голосом (своего рода звуковым шрифтом), называемым «пол», ровным тоном, но очень богатым голосом. Перед озвучиванием заголовков будет воспроизведен звуковой образец с указанного URL.

Абзацы с классом «heidi» появятся спереди слева (если звуковая система поддерживает пространственный звук), а абзацы с классом «peter» - справа.

Теперь мы увидим различные свойства, относящиеся к звуковым медиа.

В azimuth набор свойств, откуда звук должен исходить по горизонтали.
В elevation наборы свойств, откуда должен исходить звук по вертикали.
В cue-after определяет звук, который будет воспроизводиться после произнесения содержимого элемента, чтобы отделить его от других.
В cue-before определяет звук, который будет воспроизводиться перед произнесением содержимого элемента, чтобы отделить его от других.
В cue это сокращение для установки метки до и после.
В pause-after указывает паузу, которую следует соблюдать после произнесения содержимого элемента.
В pause-before указывает паузу, которую необходимо соблюдать перед произнесением содержимого элемента.
В pause это сокращение для установки паузы до и паузы после.
В pitch определяет средний тон (частоту) говорящего голоса.
В pitch-range определяет изменение средней высоты тона.
В play-during указывает звук, который будет воспроизводиться в качестве фона, пока произносится содержимое элемента.
В richness определяет насыщенность или яркость говорящего голоса.
В speak указывает, будет ли текст воспроизводиться на слух, и если да, то каким образом.
В speak-numeral определяет, как произносятся цифры.
В speak-punctuation определяет, как произносится пунктуация.
В speech-rate указывает скорость разговора.
В stress задает высоту «локальных пиков» в интонационном контуре голоса.
В voice-family задает список имен голосовых семейств с приоритетом.
В volume относится к средней громкости голоса.

Свойство азимута

Свойство азимута устанавливает, откуда должен исходить звук по горизонтали. Возможные значения перечислены ниже -

angle- Положение описывается в виде угла в диапазоне от -360 до 360 градусов . Значение 0deg означает, что прямо впереди в центре звуковой сцены. 90deg находится справа, 180deg позади, и 270deg (или, что то же самое , и более удобно, -90deg ) слева.
left-side- То же, что и 270deg. С «позади», «270 градусов».
far-left- То же, что и «300 градусов». С «позади», «240 градусов».
left- То же, что и "320deg". С «позади», «220 град.».
center-left- То же, что и "340deg". С «позади», «200град.».
center- То же, что и "0deg". С «сзади», «180 градусов».
center-right- То же, что и "20deg". С «позади», «160 градусов».
right- То же, что и «40 градусов». С «сзади», «140град.».
far-right- То же, что и «60 градусов». С «позади», «120 град.».
right-side- То же, что и «90 градусов». С «сзади», «90 градусов».
leftwards- Перемещает звук влево относительно текущего угла. Точнее вычитает 20 градусов.
rightwards- Сдвигает звук вправо относительно текущего угла. Точнее прибавляет 20 градусов.

Вот пример -

<style type = "text/css">
   <!--
      h1   { azimuth: 30deg }
      td.a { azimuth: far-right }          /*  60deg */
      #12  { azimuth: behind far-right }   /* 120deg */
      p.comment { azimuth: behind }        /* 180deg */
   -->
</style>

Недвижимость на возвышении

Свойство высоты устанавливает, откуда должен исходить звук по вертикали. Возможные значения следующие -

angle- Указывает угол места в диапазоне от -90 до 90 градусов . 0deg означает «передний горизонт», что примерно означает уровень слушателя. 90 градусов означает прямо над головой, а -90 градусов означает прямо под.
below - То же, что и "-90deg".
level - То же, что и "0deg".
above - То же, что и «90 градусов».
higher - Добавляет 10 градусов к текущей высоте.
lower - Вычитает 10 градусов из текущего угла места.

Вот пример -

<style type = "text/css">
   <!--
      h1   { elevation: above }
      tr.a { elevation: 60deg }
      tr.b { elevation: 30deg }
      tr.c { elevation: level }
   -->
</style>

Свойство cue-after

Свойство cue-after определяет звук, который будет воспроизводиться после произнесения содержимого элемента, чтобы отделить его от других. Возможные значения включают -

url - URL-адрес звукового файла для воспроизведения.
none - Ничего не надо играть.

Вот пример -

<style type = "text/css">
   <!--
      a {cue-after: url("dong.wav");}
      h1 {cue-after: url("pop.au"); }
   -->
</style>

Свойство cue-before

Это свойство определяет звук, который должен воспроизводиться перед произнесением содержимого элемента, чтобы отделить его от других. Возможные значения:

url - URL-адрес звукового файла для воспроизведения.
none - Ничего не надо играть.

Вот пример -

<style type = "text/css">
   <!--
      a {cue-before: url("bell.aiff");}
      h1 {cue-before: url("pop.au"); }
   -->
</style>

Свойство cue

Свойство cue - это сокращение для установки cue-before и cue-after . Если даны два значения, первое значение - метка до, а второе - метка после . Если указано только одно значение, оно применяется к обоим свойствам.

Например, следующие два правила эквивалентны -

<style type = "text/css">
   <!--
      h1 {cue-before: url("pop.au"); cue-after: url("pop.au") }
      h1 {cue: url("pop.au") }
   -->
</style>

Свойство паузы после

Это свойство определяет паузу, которую следует соблюдать после произнесения содержимого элемента. Возможные значения:

time - Выражает паузу в абсолютных единицах времени (секундах и миллисекундах).
percentage- Относится к значению, обратному значению свойства скорости речи . Например, если скорость речи составляет 120 слов в минуту (то есть слово занимает полсекунды или 500 мс), то пауза после 100% означает паузу в 500 мс, а пауза после 20% означает 100 мс. .

Свойство паузы перед

Это свойство определяет паузу, которую необходимо соблюдать перед произнесением содержимого элемента. Возможные значения:

time - Выражает паузу в абсолютных единицах времени (секундах и миллисекундах).
percentage- Относится к значению, обратному значению свойства скорости речи . Например, если скорость речи составляет 120 слов в минуту (то есть слово занимает полсекунды или 500 мс), то пауза перед 100% означает паузу в 500 мс, а пауза перед 20% означает 100 мс. .

Свойство паузы

Это свойство является сокращением для установки паузы до и после паузы . Если даны два значения, первое значение - пауза до, а второе - пауза после.

Вот пример -

<style type = "text/css">
   <!--
      /* pause-before: 20ms; pause-after: 20ms */
      h1 { pause : 20ms }  
	
      /* pause-before: 30ms; pause-after: 40ms */
      h2{ pause : 30ms 40ms }  
	
      /* pause-before: ?; pause-after: 10ms */
      h3 { pause-after : 10ms }
   -->
</style>

Свойство поля

Это свойство указывает средний тон (частоту) говорящего голоса. Средняя высота голоса зависит от голосового семейства. Например, средняя высота стандартного мужского голоса составляет около 120 Гц, а для женского голоса - около 210 Гц. Возможные значения:

frequency - Определяет средний тон говорящего голоса в герцах (Гц).
x-low, low, medium, high, x-high - Эти значения не соответствуют абсолютным частотам, поскольку эти значения зависят от семейства голосов.

Свойство диапазона высоты тона

Это свойство определяет изменение среднего шага. Возможные значения:

number- Значение от «0» до «100». Диапазон высоты тона «0» дает ровный монотонный голос. Диапазон высоты тона 50 дает нормальный перегиб. Диапазоны высоты тона более 50 создают анимированные голоса.

Свойство игрового процесса

Это свойство указывает звук, который будет воспроизводиться в качестве фона, пока произносится содержимое элемента. Возможные значения могут быть любыми из следующих -

URI - Звук, обозначенный этим <uri>, воспроизводится в качестве фона во время озвучивания содержимого элемента.
mix- Если это ключевое слово присутствует, это означает, что звук, унаследованный от свойства play-during родительского элемента, продолжает воспроизводиться и звук, обозначенный uri , смешивается с ним. Если микс не указан, фоновый звук элемента заменяет родительский.
repeat- Если это ключевое слово присутствует, это означает, что звук будет повторяться, если он слишком короткий, чтобы заполнить всю продолжительность элемента. В противном случае звук воспроизводится один раз, а затем останавливается.
auto - Звук родительского элемента продолжает воспроизводиться.
none - Это ключевое слово означает тишину.

Вот пример -

<style type = "text/css">
   <!--
      blockquote.sad { play-during: url("violins.aiff") }
      blockquote q   { play-during: url("harp.wav") mix }
      span.quiet     { play-during: none }
   -->
</style>

Богатство собственности

Это свойство определяет насыщенность или яркость говорящего голоса. Возможные значения:

number- Значение от «0» до «100». Чем выше значение, тем сильнее будет слышен голос. При более низком значении голос будет мягким и приятным.

Говорить собственности

Это свойство указывает, будет ли текст отображаться на слух, и если да, то каким образом. Возможные значения:

none - Подавляет звуковой рендеринг, поэтому элементу не требуется время для рендеринга.
normal - Использует языковые правила произношения для отображения элемента и его дочерних элементов.
spell-out - произносит текст по буквам за раз.

Обратите внимание на разницу между элементом, у которого свойство volume имеет значение «silent», и элементом, у которого свойство «speak» имеет значение «none». Первый занимает столько же времени, как если бы он был произнесен, включая любую паузу до и после элемента, но звук не генерируется. Последний не требует времени и не отображается.

Говорить-цифровое свойство

Это свойство определяет, как произносятся цифры. Возможные значения:

digits- Произносите цифру как отдельные цифры. Таким образом, «237» произносится как «Два, три, семь».
continuous- Произносите цифру как полное число. Таким образом, «237» произносится как «двести тридцать семь». Представления слов зависят от языка.

Свойство "говорить-пунктуация"

Это свойство определяет, как произносится пунктуация. Возможные значения:

code - Знаки препинания, такие как точка с запятой, фигурные скобки и т. Д., Следует произносить буквально.
none - Знаки препинания не следует произносить, а вместо этого следует естественным образом использовать в виде различных пауз.

Свойство скорости речи

Это свойство определяет скорость речи. Обратите внимание, что допустимы как абсолютные, так и относительные значения ключевых слов. Возможные значения:

number - Определяет скорость разговора в словах в минуту.
x-slow - То же, что и 80 слов в минуту.
slow - То же, что 120 слов в минуту.
medium - То же, что 180-200 слов в минуту.
fast - То же, что 300 слов в минуту.
x-fast - То же, что и 500 слов в минуту.
faster - Добавляет 40 слов в минуту к текущей скорости речи.
slower - Вычитает 40 слов в минуту из текущей скорости речи.

Свойство напряжения

Это свойство определяет высоту «локальных пиков» в интонационном контуре голоса. Английский - это язык с ударением, и различным частям предложения присваивается основное, вторичное или высшее ударение. Возможные значения:

number- Значение от «0» до «100». Значение ценностей зависит от языка, на котором говорят. Например, уровень «50» для стандартного английского мужского голоса (средняя высота = 122 Гц), говорящего с нормальной интонацией и акцентом, будет иметь другое значение, чем «50» для итальянского голоса.

Собственность голосовой семьи

Значение представляет собой список имен голосовых семейств, разделенных запятыми. Он может иметь следующие значения -

generic-voice- Ценности - это голос семьи. Возможные значения: «мужчина», «женщина» и «ребенок».
specific-voice - Ценности являются конкретными экземплярами (например, комик, триноиды, карлос, лани).

Вот пример -

<style type = "text/css">
   <!--
      h1 { voice-family: announcer, male }
      p.part.romeo  { voice-family: romeo, male }
      p.part.juliet { voice-family: juliet, female }
   -->
</style>

Объем Свойство

Громкость относится к средней громкости голоса. Он может иметь следующие значения -

numbers- Любое число от «0» до «100». «0» представляет минимальный уровень громкости звука, а 100 соответствует максимальному комфортному уровню.
percentage - Эти значения вычисляются относительно унаследованного значения, а затем обрезаются до диапазона от «0» до «100».
silent- Вообще нет звука. Значение «0» не означает то же самое, что «без звука».
x-soft - То же, что и «0».
soft - То же, что и «25».
medium - То же, что и «50».
loud - То же, что и «75».
x-loud - То же, что и «100».

Вот пример -

<style type = "text/css">
   <!--
      P.goat  { volume: x-soft }
   -->
</style>

Абзацы с классом goat будет очень мягко.