Thuộc tính CSS play-during (âm thanh nền khi đọc)

Thuộc tính play-during trong CSS Speech

Thuộc tính play-during chỉ định **âm thanh nền (background sound)** phát trong khi nội dung phần tử đang được đọc lên tiếng. Thuộc CSS Speech Module.

Các giá trị

Giá trị	Mô tả
`<uri>`	URL file âm thanh phát làm nền
`mix`	Kết hợp âm thanh này với âm thanh kế thừa từ parent (mix). Nếu không có: thay thế âm thanh parent
`repeat`	Lặp lại âm thanh nếu ngắn hơn thời gian đọc. Không có: phát một lần rồi dừng
`auto`	Tiếp tục phát âm thanh của parent
`none`	Im lặng (không có âm thanh nền)

Ví dụ

<style>
  blockquote.sad {
    play-during: url("violins.aiff");           /* Nhạc violin buồn */
  }
  blockquote q {
    play-during: url("harp.wav") mix;           /* Kết hợp harp + violin */
  }
  span.quiet {
    play-during: none;                          /* Tắt âm thanh nền */
  }
</style>

Kịch bản sử dụng

<blockquote class="sad">
  Đây là đoạn văn buồn với nhạc violin nền.
  <q>Đoạn trích này thêm tiếng harp vào nhạc violin.</q>
  <span class="quiet">Đoạn này im lặng hoàn toàn.</span>
</blockquote>

Lưu ý

Chỉ hoạt động trên screen readers / voice browsers
File âm thanh nên ngắn, nhẹ, loop mượt mà
Kết hợp mix + repeat cho âm thanh nền liên tục: play-during: url("ambience.wav") mix repeat;