The property play-during specifies the sound to be playing while the content text is being spoken.

Play-during property

The play-during property contains following information:

  1. value: <uri>, [mix, repeat]?, auto, none or inherit;
  2. initial: auto;
  3. applies to: all elements;
  4. inherited: no;
  5. percentages: N/A;
  6. media: aural;
  7. computed value: absolute URI or as specified.

The value uri specifies the path of the auditory file to be played in the background. The value mix if specified will mix the sound of the element with the sound of its parent and the value repeat, if specified, will repeat the sound if it is too short to fill the duration of the element's content; otherwise it will stop when finished or be clipped if it is too long. If the value auto is set, then the sound of the parent element will continue to play once the element has been rendered; in the contrast to that if the value is set to inherit the sound of the parent will be restarted. And naturally the value none will remove the background sound of the designated element.

Example

CSS mixing property example:

 

›› go to examples ››