คุณสมบัติ play-during
คุณสมบัติ play-during ระบุเสียงพื้นหลังที่เล่นขณะที่เนื้อหาขององค์ประกอบกำลังถูกอ่านออกเสียง ใช้ใน CSS Speech Module
ค่าที่ใช้ได้
| ค่า | คำอธิบาย |
|---|---|
| URI | ไฟล์เสียงเล่นเป็นพื้นหลังขณะอ่าน |
mix | ผสมเสียงกับของ parent element (ถ้าไม่มี mix จะแทนที่) |
repeat | เล่นซ้ำหากเสียงสั้นกว่าระยะเวลาการอ่าน |
auto | ใช้เสียงพื้นหลังของ parent ต่อไป |
none | เงียบ (ไม่มีเสียงพื้นหลัง) |
ตัวอย่างการใช้งาน
<style>
blockquote.sad { play-during: url("violins.aiff"); }
blockquote q { play-during: url("harp.wav") mix; }
span.quiet { play-during: none; }
</style>คำอธิบายตัวอย่าง
- blockquote.sad: เล่นไวโอลินขณะอ่าน blockquote class sad
- blockquote q: เล่นฮาร์ปผสมกับเสียงไวโอลินของ parent (mix)
- span.quiet: ไม่มีเสียงพื้นหลัง (none)
การรวมค่า (Combining Values)
/* เล่น bg-music.wav ซ้ำตลอด การอ่าน พร้อมผสมกับ parent */
.ambient { play-during: url("bg-music.wav") mix repeat; }
/* เล่นเสียงเฉพาะ element นี้ แทนที่ parent */
.override { play-during: url("special.wav"); }