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>

มันจะให้ผลลัพธ์ดังต่อไปนี้ -

มันจะสั่งให้เครื่องสังเคราะห์เสียงพูดพูดส่วนหัวด้วยเสียง (แบบอักษรเสียงชนิดหนึ่ง) ที่เรียกว่า "paul" ด้วยน้ำเสียงเรียบๆ แต่เป็นเสียงที่ไพเราะมาก ก่อนที่จะพูดส่วนหัวจะมีการเล่นตัวอย่างเสียงจาก 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 ระบุความสูงของ "local peaks" ในรูปแบบน้ำเสียงของเสียง

  • voice-family ระบุรายการลำดับความสำคัญของชื่อสกุลเสียง

  • volume หมายถึงระดับเสียงกลางของเสียง

สถานที่ให้บริการด้านราบ

คุณสมบัติ azimuth กำหนดตำแหน่งที่เสียงควรมาจากแนวนอน ค่าที่เป็นไปได้แสดงอยู่ด้านล่าง -

  • angle- ตำแหน่งมีการอธิบายในแง่ของมุมภายในช่วง-360degเพื่อ360deg ค่า0degหมายถึงตรงกลางเวทีเสียง 90degอยู่ทางขวา180degข้างหลังและ270deg (หรือเทียบเท่าและสะดวกกว่าคือ-90deg ) ทางซ้าย

  • left-side- เหมือนกับ '270deg' ด้วย 'behind', '270deg'

  • far-left- เหมือนกับ "300deg" ด้วย 'behind', '240deg'

  • left- เหมือนกับ "320deg" ด้วย 'behind', '220deg'

  • center-left- เหมือนกับ '340deg' ด้วย 'behind', '200deg'

  • center- เหมือนกับ "0deg" ด้วย 'behind', '180deg'

  • center-right- เหมือนกับ '20deg' ด้วย 'behind', '160deg'

  • right- เหมือนกับ "40deg" ด้วย 'behind', '140deg'

  • far-right- เหมือนกับ '60deg' ด้วย 'behind', '120deg'

  • right-side- เหมือนกับ '90deg' ด้วย 'behind', '90deg'

  • 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- ระบุระดับความสูงเป็นมุมระหว่าง-90degและ90deg 0degหมายถึงเส้นขอบฟ้าข้างหน้าซึ่งหมายถึงระดับกับผู้ฟังอย่างหลวม ๆ 90degหมายถึงค่าใช้จ่ายโดยตรงและ-90degหมายถึงด้านล่างโดยตรง

  • below - เหมือนกับ "-90deg"

  • level - เหมือนกับ "0deg"

  • above - เหมือนกับ '90deg'

  • 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 ระบุเสียงที่จะเล่นหลังจากพูดเนื้อหาขององค์ประกอบเพื่อคั่นกลางจากอื่น ๆ ค่าที่เป็นไปได้ ได้แก่ -

  • url - URL ของไฟล์เสียงที่จะเล่น

  • none - ไม่มีอะไรต้องเล่น

นี่คือตัวอย่าง -

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

คิวก่อนทรัพย์สิน

คุณสมบัตินี้ระบุเสียงที่จะเล่นก่อนที่จะพูดเนื้อหาขององค์ประกอบเพื่อแยกเสียงออกจากอื่น ๆ ค่าที่เป็นไปได้คือ -

  • url - URL ของไฟล์เสียงที่จะเล่น

  • none - ไม่มีอะไรต้องเล่น

นี่คือตัวอย่าง -

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

คุณสมบัติของคิว

คุณสมบัติคิวคือชวเลขสำหรับการตั้งค่าคิวก่อนและคิวหลัง หากค่าทั้งสองจะได้รับค่าแรกเป็นคิวก่อนและสองคือคิวหลัง หากกำหนดเพียงค่าเดียวจะใช้กับคุณสมบัติทั้งสอง

ตัวอย่างเช่นกฎสองข้อต่อไปนี้เทียบเท่า -

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

คุณสมบัติของสนาม

คุณสมบัตินี้ระบุระดับเสียงเฉลี่ย (ความถี่) ของเสียงพูด ระดับเสียงเฉลี่ยขึ้นอยู่กับตระกูลเสียง ตัวอย่างเช่นระดับเสียงเฉลี่ยของเสียงผู้ชายมาตรฐานอยู่ที่ประมาณ 120Hz แต่สำหรับเสียงผู้หญิงจะอยู่ที่ประมาณ 210Hz ค่าที่เป็นไปได้คือ -

  • frequency - ระบุระดับเสียงเฉลี่ยของเสียงพูดเป็นเฮิรตซ์ (Hz)

  • x-low, low, medium, high, x-high - ค่าเหล่านี้ไม่ได้จับคู่กับความถี่สัมบูรณ์เนื่องจากค่าเหล่านี้ขึ้นอยู่กับตระกูลเสียง

คุณสมบัติระยะพิทช์

คุณสมบัตินี้ระบุการเปลี่ยนแปลงในระยะห่างเฉลี่ย ค่าที่เป็นไปได้คือ -

  • number- ค่าระหว่าง '0' ถึง '100' ช่วงพิทช์ '0' ให้เสียงที่เรียบและเป็นโมโน ระยะพิทช์ 50 ทำให้เกิดการเบี่ยงเบนตามปกติ ระยะขว้างมากกว่า 50 เสียงที่ให้เสียงเคลื่อนไหว

ทรัพย์สินระหว่างการเล่น

คุณสมบัตินี้ระบุเสียงที่จะเล่นเป็นพื้นหลังในขณะที่พูดเนื้อหาขององค์ประกอบ ค่าที่เป็นไปได้อาจมีดังต่อไปนี้ -

  • URI - เสียงที่กำหนดโดย <uri> นี้จะเล่นเป็นพื้นหลังในขณะที่พูดเนื้อหาขององค์ประกอบ

  • mix- ในปัจจุบันคีย์เวิร์ดนี้หมายความว่าเสียงที่สืบทอดมาจากคุณสมบัติการเล่นระหว่างองค์ประกอบหลักยังคงเล่นอยู่และเสียงที่กำหนดโดยอูริจะผสมกับเสียงนั้น หากไม่ได้ระบุมิกซ์เสียงพื้นหลังขององค์ประกอบจะแทนที่ของผู้ปกครอง

  • 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" จึงพูดว่า "Two Three Seven"

  • continuous- พูดตัวเลขเป็นตัวเลขเต็ม ดังนั้น "237" จึงพูดว่า "สองร้อยสามสิบเจ็ด" การแสดงคำขึ้นอยู่กับภาษา

คุณสมบัติพูด - เครื่องหมายวรรคตอน

คุณสมบัตินี้ระบุวิธีการพูดเครื่องหมายวรรคตอน ค่าที่เป็นไปได้คือ -

  • code - เครื่องหมายวรรคตอนเช่นอัฒภาควงเล็บปีกกาและอื่น ๆ จะต้องพูดตามตัวอักษร

  • none - ไม่ต้องพูดเครื่องหมายวรรคตอน แต่จะแสดงผลตามธรรมชาติเป็นการหยุดต่างๆ

คุณสมบัติอัตราการพูด

คุณสมบัตินี้ระบุอัตราการพูด โปรดทราบว่าอนุญาตให้ใช้ทั้งค่าคีย์เวิร์ดสัมบูรณ์และค่าสัมพัทธ์ ค่าที่เป็นไปได้คือ -

  • number - ระบุอัตราการพูดเป็นคำต่อนาที

  • x-slow - เหมือนกับ 80 คำต่อนาที

  • slow - เหมือนกับ 120 คำต่อนาที

  • medium - เหมือนกับ 180-200 คำต่อนาที

  • fast - เหมือนกับ 300 คำต่อนาที

  • x-fast - เหมือนกับ 500 คำต่อนาที

  • faster - เพิ่ม 40 คำต่อนาทีในอัตราการพูดปัจจุบัน

  • slower - ลบ 40 คำต่อนาทีจากอัตราการพูดปัจจุบัน

คุณสมบัติความเครียด

คุณสมบัตินี้ระบุความสูงของ "local peaks" ในรูปแบบน้ำเสียงของเสียง ภาษาอังกฤษเป็นภาษาที่เน้นเสียงและส่วนต่างๆของประโยคจะถูกกำหนดความเครียดระดับประถมศึกษามัธยมศึกษาหรือระดับอุดมศึกษา ค่าที่เป็นไปได้คือ -

  • number- ค่าระหว่าง '0' ถึง '100' ความหมายของค่านิยมขึ้นอยู่กับภาษาที่กำลังพูด ตัวอย่างเช่นระดับ '50' สำหรับเสียงผู้ชายมาตรฐานที่พูดภาษาอังกฤษ (ระดับเสียงเฉลี่ย = 122Hz) การพูดด้วยน้ำเสียงปกติและการเน้นเสียงจะมีความหมายที่แตกต่างจาก '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 จะนุ่มมาก