CSS - Aural Media

Un documento Web può essere riprodotto da un sintetizzatore vocale. CSS2 consente di allegare specifiche caratteristiche dello stile del suono a specifici elementi del documento.

La riproduzione acustica dei documenti viene utilizzata principalmente dagli ipovedenti. Alcune delle situazioni in cui è possibile accedere a un documento mediante la riproduzione acustica piuttosto che la riproduzione visiva sono le seguenti.

  • Imparare a leggere
  • Training
  • Accesso al Web nei veicoli
  • Intrattenimento domestico
  • Documentazione industriale
  • Documentazione medica

Quando si utilizzano le proprietà acustiche, la tela è costituita da uno spazio fisico tridimensionale (suono surround) e uno spazio temporale (si possono specificare i suoni prima, durante e dopo altri suoni).

Le proprietà CSS consentono anche di variare la qualità del parlato sintetizzato (tipo di voce, frequenza, inflessione, ecc.).

Ecco un esempio:

<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>

Produrrà il seguente risultato:

Indirizzerà il sintetizzatore vocale a pronunciare le intestazioni con una voce (una specie di carattere audio) chiamata "paul", con un tono piatto, ma con una voce molto ricca. Prima di pronunciare le intestazioni, verrà riprodotto un campione audio dall'URL fornito.

I paragrafi con la classe "heidi" sembrano provenire dalla parte anteriore sinistra (se il sistema audio è in grado di riprodurre audio spaziale), mentre i paragrafi di classe "peter" da destra.

Ora vedremo le varie proprietà relative ai media acustici.

  • Il azimuth set di proprietà, da cui il suono dovrebbe provenire orizzontalmente.

  • Il elevation set di proprietà, da dove il suono dovrebbe provenire verticalmente.

  • Il cue-after specifica un suono da riprodurre dopo aver pronunciato il contenuto di un elemento per delimitarlo da altri.

  • Il cue-before specifica un suono da riprodurre prima di pronunciare il contenuto di un elemento per delimitarlo da altri.

  • Il cue è una scorciatoia per impostare cue-before e cue-after.

  • Il pause-after specifica una pausa da osservare dopo aver pronunciato il contenuto di un elemento.

  • Il pause-before specifica una pausa da osservare prima di pronunciare il contenuto di un elemento.

  • Il pause è una scorciatoia per impostare la pausa prima e la pausa dopo.

  • Il pitch specifica l'altezza media (una frequenza) della voce parlante.

  • Il pitch-range specifica la variazione del tono medio.

  • Il play-during specifica un suono da riprodurre come sottofondo durante la lettura del contenuto di un elemento.

  • Il richness specifica la ricchezza, o luminosità, della voce parlante.

  • Il speak specifica se il testo verrà riprodotto in modo uditivo e, in tal caso, in che modo.

  • Il speak-numeral controlla il modo in cui vengono pronunciati i numeri.

  • Il speak-punctuation specifica come viene pronunciata la punteggiatura.

  • Il speech-rate specifica la velocità di pronuncia.

  • Il stress specifica l'altezza dei "picchi locali" nel contorno di intonazione di una voce.

  • Il voice-family specifica l'elenco prioritario dei nomi di famiglia delle voci.

  • Il volume si riferisce al volume mediano della voce.

La proprietà azimutale

La proprietà azimuth imposta orizzontalmente la provenienza del suono. I valori possibili sono elencati di seguito:

  • angle- La posizione è descritta in termini di un angolo compreso tra -360 ° e 360 ° . Il valore 0deg significa direttamente davanti al centro del palcoscenico. 90deg è a destra, 180deg dietro e 270deg (o, in modo equivalente e più conveniente, -90deg ) a sinistra.

  • left-side- Uguale a "270deg". Con "dietro", "270deg".

  • far-left- Uguale a "300deg". Con "dietro", "240deg".

  • left- Uguale a "320deg". Con "dietro", "220deg".

  • center-left- Uguale a "340deg". Con "dietro", "200deg".

  • center- Uguale a "0deg". Con "dietro", "180 gradi".

  • center-right- Uguale a "20deg". Con "dietro", "160deg".

  • right- Uguale a "40deg". Con "dietro", "140 gradi".

  • far-right- Uguale a "60deg". Con "dietro", "120 gradi".

  • right-side- Uguale a "90deg". Con "dietro", "90 gradi".

  • leftwards- Sposta il suono a sinistra e rispetto all'angolo corrente. Più precisamente, sottrae 20 gradi.

  • rightwards- Sposta il suono a destra, rispetto all'angolo corrente. Più precisamente, aggiunge 20 gradi.

Ecco un esempio:

<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>

La proprietà elevazione

La proprietà elevazione imposta la posizione verticale da cui deve provenire il suono. I valori possibili sono i seguenti:

  • angle- Specifica l'elevazione come un angolo, tra -90deg e 90deg . 0deg significa sull'orizzonte in avanti, che liberamente significa livello con l'ascoltatore. 90deg significa direttamente sopra la testa e -90deg significa direttamente sotto.

  • below - Uguale a "-90deg".

  • level - Uguale a "0deg".

  • above - Uguale a "90deg".

  • higher - Aggiunge 10 gradi all'elevazione corrente.

  • lower - Sottrae 10 gradi dall'elevazione corrente.

Ecco un esempio:

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

La proprietà di spunto

La proprietà cue-after specifica un suono da riprodurre dopo aver pronunciato il contenuto di un elemento per delimitarlo da altri. I possibili valori includono:

  • url - L'URL di un file audio da riprodurre.

  • none - Niente deve essere giocato.

Ecco un esempio:

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

Lo spunto prima della proprietà

Questa proprietà specifica un suono da riprodurre prima di pronunciare il contenuto di un elemento per delimitarlo da altri. I valori possibili sono:

  • url - L'URL di un file audio da riprodurre.

  • none - Niente deve essere giocato.

Ecco un esempio:

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

La proprietà cue

La proprietà cue è una scorciatoia per impostare cue-before e cue-after . Se vengono forniti due valori, il primo valore è cue-before e il secondo è cue-after . Se viene fornito un solo valore, si applica a entrambe le proprietà.

Ad esempio, le due regole seguenti sono equivalenti:

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

La proprietà pausa dopo

Questa proprietà specifica una pausa da osservare dopo aver pronunciato il contenuto di un elemento. I valori possibili sono:

  • time - Esprime la pausa in unità di tempo assolute (secondi e millisecondi).

  • percentage- Si riferisce all'inverso del valore della proprietà della velocità del parlato . Ad esempio, se la velocità del parlato è di 120 parole al minuto (ovvero una parola impiega mezzo secondo o 500 ms), una pausa dopo del 100% significa una pausa di 500 ms e una pausa dopo del 20% significa 100 ms .

La proprietà pausa prima

Questa proprietà specifica una pausa da osservare prima di pronunciare il contenuto di un elemento. I valori possibili sono:

  • time - Esprime la pausa in unità di tempo assolute (secondi e millisecondi).

  • percentage- Si riferisce all'inverso del valore della proprietà della velocità del parlato . Ad esempio, se la velocità del parlato è di 120 parole al minuto (ovvero una parola impiega mezzo secondo o 500 ms), una pausa prima del 100% significa una pausa di 500 ms e una pausa prima del 20% significa 100 ms .

La proprietà pause

Questa proprietà è una scorciatoia per impostare la pausa prima e la pausa dopo . Se vengono forniti due valori, il primo valore è pausa prima e il secondo è pausa dopo.

Ecco un esempio:

<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>

La proprietà pitch

Questa proprietà specifica l'altezza media (una frequenza) della voce parlante. Il tono medio di una voce dipende dalla famiglia di voci. Ad esempio, il tono medio per una voce maschile standard è di circa 120 Hz, ma per una voce femminile è di circa 210 Hz. I valori possibili sono:

  • frequency - Specifica l'altezza media della voce parlante in hertz (Hz).

  • x-low, low, medium, high, x-high - Questi valori non vengono mappati su frequenze assolute poiché questi valori dipendono dalla famiglia di voci.

La proprietà pitch-range

Questa proprietà specifica la variazione del passo medio. I valori possibili sono:

  • number- Un valore compreso tra "0" e "100". Una gamma di intonazione di "0" produce una voce piatta e monotona. Una gamma di tonalità di 50 produce un'inflessione normale. Intervalli di tonalità superiori a 50 producono voci animate.

La proprietà del gioco

Questa proprietà specifica un suono da riprodurre come sottofondo durante la pronuncia del contenuto di un elemento. I valori possibili potrebbero essere uno dei seguenti:

  • URI - Il suono designato da questo <uri> viene riprodotto come sottofondo mentre viene pronunciato il contenuto dell'elemento.

  • mix- Quando è presente, questa parola chiave significa che il suono ereditato dalla proprietà play-during dell'elemento genitore continua a suonare e il suono designato dall'uri viene mescolato con esso. Se mix non è specificato, il suono di sottofondo dell'elemento sostituisce quello del genitore.

  • repeat- Quando presente, questa parola chiave significa che il suono si ripeterà se è troppo breve per riempire l'intera durata dell'elemento. In caso contrario, il suono viene riprodotto una volta e poi si interrompe.

  • auto - Il suono dell'elemento genitore continua a suonare.

  • none - Questa parola chiave significa che c'è silenzio.

Ecco un esempio:

<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>

La ricchezza della proprietà

Questa proprietà specifica la ricchezza o la luminosità della voce parlante. I valori possibili sono:

  • number- Un valore compreso tra "0" e "100". Più alto è il valore, più la voce trasporterà. Un valore più basso produrrà una voce morbida e melliflua.

Il speak Property

Questa proprietà specifica se il testo verrà riprodotto in modo acustico e, in tal caso, in che modo. I valori possibili sono:

  • none - Sopprime il rendering acustico in modo che l'elemento non richieda tempo per il rendering.

  • normal - Utilizza le regole di pronuncia dipendenti dalla lingua per il rendering di un elemento e dei suoi figli.

  • spell-out - Scrive il testo una lettera alla volta.

Nota la differenza tra un elemento la cui proprietà "volume" ha un valore di "silent" e un elemento la cui proprietà "speak" ha il valore "none". Il primo occupa lo stesso tempo come se fosse stato pronunciato, comprese eventuali pause prima e dopo l'elemento, ma non viene generato alcun suono. Quest'ultimo non richiede tempo e non viene reso.

La proprietà speak-numeral

Questa proprietà controlla il modo in cui vengono pronunciati i numeri. I valori possibili sono:

  • digits- Pronuncia il numero come singole cifre. Quindi, "237" viene pronunciato "Due Tre Sette".

  • continuous- Pronuncia il numero come un numero intero. Quindi, "237" è detto "Duecentotrentasette". Le rappresentazioni di parole dipendono dalla lingua.

La proprietà speak-punteggiatura

Questa proprietà specifica come viene pronunciata la punteggiatura. I valori possibili sono:

  • code - La punteggiatura come il punto e virgola, le parentesi graffe e così via devono essere pronunciate letteralmente.

  • none - La punteggiatura non deve essere pronunciata, ma resa naturalmente come varie pause.

La proprietà della velocità del parlato

Questa proprietà specifica la velocità di pronuncia. Tieni presente che sono consentiti valori di parole chiave sia assoluti che relativi. I valori possibili sono:

  • number - Specifica la velocità di pronuncia in parole al minuto.

  • x-slow - Uguale a 80 parole al minuto.

  • slow - Uguale a 120 parole al minuto.

  • medium - Uguale a 180-200 parole al minuto.

  • fast - Uguale a 300 parole al minuto.

  • x-fast - Uguale a 500 parole al minuto.

  • faster - Aggiunge 40 parole al minuto alla velocità vocale corrente.

  • slower - Sottrae 40 parole al minuto dalla velocità vocale corrente.

La proprietà dello stress

Questa proprietà specifica l'altezza dei "picchi locali" nel contorno di intonazione di una voce. L'inglese è una lingua accentata e alle diverse parti di una frase viene assegnato uno stress primario, secondario o terziario. I valori possibili sono:

  • number- Un valore compreso tra "0" e "100". Il significato dei valori dipende dalla lingua parlata. Ad esempio, un livello di "50" per una voce maschile standard di lingua inglese (tono medio = 122 Hz), che parla con intonazione e enfasi normali avrebbe un significato diverso da "50" per una voce italiana.

La proprietà della famiglia della voce

Il valore è un elenco di nomi di famiglia di voci con priorità, separati da virgole. Può avere i seguenti valori:

  • generic-voice- I valori sono famiglie di voci. I valori possibili sono "maschio", "femmina" e "figlio".

  • specific-voice - I valori sono istanze specifiche (ad esempio, comico, trinoidi, carlos, lani).

Ecco un esempio:

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

La proprietà volume

Il volume si riferisce al volume mediano della voce. Può avere i seguenti valori:

  • numbers- Qualsiasi numero compreso tra "0" e "100". '0' rappresenta il livello di volume udibile minimo e 100 corrisponde al livello massimo confortevole.

  • percentage - Questi valori vengono calcolati in relazione al valore ereditato e vengono quindi ritagliati nell'intervallo compreso tra "0" e "100".

  • silent- Nessun suono. Il valore "0" non ha lo stesso significato di "silenzioso".

  • x-soft - Uguale a "0".

  • soft - Uguale a "25".

  • medium - Uguale a "50".

  • loud - Uguale a "75".

  • x-loud - Uguale a "100".

Ecco un esempio:

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

Paragrafi con classe goat sarà molto morbido.