CSS - Aural Media
Một tài liệu web có thể được hiển thị bằng bộ tổng hợp giọng nói. CSS2 cho phép bạn đính kèm các tính năng kiểu âm thanh cụ thể vào các phần tử tài liệu cụ thể.
Người khiếm thị sử dụng khả năng kết xuất tài liệu bằng âm thanh. Sau đây là một số trường hợp mà một tài liệu có thể được truy cập bằng phương tiện kết xuất âm thanh thay vì kết xuất trực quan.
- Học đọc
- Training
- Truy cập web trên xe
- Giải trí gia đình
- Tài liệu công nghiệp
- Tài liệu y tế
Khi sử dụng thuộc tính âm thanh, canvas bao gồm không gian vật lý ba chiều (âm thanh bao quanh) và không gian thời gian (người ta có thể chỉ định âm thanh trước, trong và sau các âm thanh khác).
Các thuộc tính CSS cũng cho phép bạn thay đổi chất lượng của giọng nói tổng hợp (loại giọng nói, tần số, độ chuyển âm, v.v.).
Đây là một ví dụ -
<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>Nó sẽ tạo ra kết quả sau:
Nó sẽ hướng bộ tổng hợp giọng nói nói tiêu đề bằng giọng nói (một loại phông chữ âm thanh) được gọi là "paul", trên một giai điệu phẳng, nhưng bằng một giọng rất giàu. Trước khi nói tiêu đề, một mẫu âm thanh sẽ được phát từ URL đã cho.
Các đoạn có lớp 'heidi' sẽ xuất hiện từ phía trước bên trái (nếu hệ thống âm thanh có khả năng phát âm thanh không gian) và các đoạn thuộc lớp 'peter' từ bên phải.
Bây giờ chúng ta sẽ thấy các thuộc tính khác nhau liên quan đến phương tiện âm thanh.
Các azimuth bộ thuộc tính, nơi âm thanh phát ra theo chiều ngang.
Các elevation bộ thuộc tính, nơi âm thanh phát ra theo chiều dọc.
Các cue-after chỉ định một âm thanh sẽ được phát sau khi nói nội dung của một phần tử để phân tách nó với phần tử khác.
Các cue-before chỉ định một âm thanh sẽ được phát trước khi nói nội dung của một phần tử để phân tách nó với phần tử khác.
Các cue là cách viết tắt để đặt tín hiệu trước và tín hiệu sau.
Các pause-after chỉ định khoảng dừng sẽ được quan sát sau khi nói nội dung của một phần tử.
Các pause-before chỉ định khoảng dừng cần quan sát trước khi nói nội dung của một phần tử.
Các pause là cách viết tắt để đặt tạm dừng trước và tạm dừng sau.
Các pitch chỉ định cao độ trung bình (tần số) của giọng nói.
Các pitch-range chỉ định sự thay đổi về cao độ trung bình.
Các play-during chỉ định âm thanh được phát làm nền trong khi nội dung của phần tử được nói.
Các richness chỉ định độ phong phú hoặc độ sáng của giọng nói.
Các speak chỉ định liệu văn bản có được hiển thị bằng âm thanh hay không và nếu có thì theo cách nào.
Các speak-numeral kiểm soát cách nói các chữ số.
Các speak-punctuation chỉ định cách nói dấu câu.
Các speech-rate chỉ định tỷ lệ nói.
Các stress chỉ định độ cao của "đỉnh địa phương" trong đường viền ngữ điệu của giọng nói.
Các voice-family chỉ định danh sách ưu tiên của họ thoại.
Các volume đề cập đến âm lượng trung bình của giọng nói.
Thuộc tính phương vị
Thuộc tính phương vị đặt nơi âm thanh phát ra theo chiều ngang. Các giá trị có thể được liệt kê bên dưới -
angle- Vị trí được mô tả dưới dạng góc trong phạm vi -360deg đến 360deg . Giá trị 0deg có nghĩa là ngay phía trước ở trung tâm của sân khấu âm thanh. 90deg ở bên phải, 180deg phía sau và 270deg (hoặc, tương đương và thuận tiện hơn, -90deg ) ở bên trái.
left-side- Giống như '270deg'. Với 'phía sau', '270deg'.
far-left- Giống như '300deg'. Với 'phía sau', '240deg'.
left- Giống như '320deg'. Với 'phía sau', '220deg'.
center-left- Giống như '340deg'. Với 'phía sau', '200deg'.
center- Giống như '0deg'. Với 'phía sau', '180deg'.
center-right- Giống như '20deg'. Với 'phía sau', '160deg'.
right- Giống như '40deg'. Với 'phía sau', '140deg'.
far-right- Giống như '60deg'. Với 'phía sau', '120deg'.
right-side- Giống như '90deg'. Với 'phía sau', '90deg'.
leftwards- Di chuyển âm thanh sang trái và so với góc hiện tại. Chính xác hơn, trừ đi 20 độ.
rightwards- Di chuyển âm thanh sang phải, so với góc hiện tại. Chính xác hơn là thêm 20 độ.
Đây là một ví dụ -
<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>Thuộc tính độ cao
Thuộc tính độ cao đặt nơi âm thanh phát ra theo phương thẳng đứng. Các giá trị có thể có như sau:
angle- Chỉ định độ cao là một góc, từ -90deg đến 90deg . 0deg có nghĩa là ở chân trời phía trước, có nghĩa là ngang bằng với người nghe. 90deg có nghĩa là trực tiếp trên cao và -90deg có nghĩa là ngay bên dưới.
below - Giống như '-90deg'.
level - Giống như '0deg'.
above - Giống như '90deg'.
higher - Thêm 10 độ vào độ cao hiện tại.
lower - Trừ 10 độ so với độ cao hiện tại.
Đây là một ví dụ -
<style type = "text/css">
<!--
h1 { elevation: above }
tr.a { elevation: 60deg }
tr.b { elevation: 30deg }
tr.c { elevation: level }
-->
</style>Thuộc tính gợi ý
Thuộc tính cue-after chỉ định một âm thanh sẽ được phát sau khi nói nội dung của một phần tử để phân tách nó với phần tử khác. Các giá trị có thể bao gồm:
url - URL của tệp âm thanh sẽ được phát.
none - Không có gì phải chơi.
Đây là một ví dụ -
<style type = "text/css">
<!--
a {cue-after: url("dong.wav");}
h1 {cue-after: url("pop.au"); }
-->
</style>Thuộc tính trước gợi ý
Thuộc tính này chỉ định một âm thanh sẽ được phát trước khi nói nội dung của một phần tử để phân tách nó với phần tử khác. Các giá trị có thể là -
url - URL của tệp âm thanh sẽ được phát.
none - Không có gì phải chơi.
Đây là một ví dụ -
<style type = "text/css">
<!--
a {cue-before: url("bell.aiff");}
h1 {cue-before: url("pop.au"); }
-->
</style>Thuộc tính gợi ý
Thuộc tính cue là một cách viết tắt để đặt cue-before và cue-after . Nếu hai giá trị được cho trước, giá trị đầu tiên là dấu trước và giá trị thứ hai là dấu sau . Nếu chỉ có một giá trị được đưa ra, nó sẽ áp dụng cho cả hai thuộc tính.
Ví dụ: hai quy tắc sau là tương đương:
<style type = "text/css">
<!--
h1 {cue-before: url("pop.au"); cue-after: url("pop.au") }
h1 {cue: url("pop.au") }
-->
</style>Thuộc tính tạm dừng sau khi
Thuộc tính này chỉ định một khoảng dừng sẽ được quan sát sau khi nói nội dung của một phần tử. Các giá trị có thể là -
time - Thể hiện thời gian tạm dừng theo đơn vị thời gian tuyệt đối (giây và mili giây).
percentage- Đề cập đến nghịch đảo của giá trị của thuộc tính tốc độ giọng nói . Ví dụ: nếu tốc độ giọng nói là 120 từ mỗi phút (tức là một từ mất nửa giây hoặc 500 mili giây ), thì thời gian tạm dừng sau 100% có nghĩa là tạm dừng 500 mili giây và tạm dừng sau 20% có nghĩa là 100 mili giây .
Thuộc tính tạm dừng trước
Thuộc tính này chỉ định một khoảng dừng cần được quan sát trước khi nói nội dung của một phần tử. Các giá trị có thể là -
time - Thể hiện thời gian tạm dừng theo đơn vị thời gian tuyệt đối (giây và mili giây).
percentage- Đề cập đến nghịch đảo của giá trị của thuộc tính tốc độ giọng nói . Ví dụ: nếu tốc độ nói là 120 từ mỗi phút (tức là một từ mất nửa giây hoặc 500 mili giây ), thì khoảng dừng trước 100% có nghĩa là tạm dừng 500 mili giây và tạm dừng trước 20% có nghĩa là 100 mili giây .
Thuộc tính tạm dừng
Thuộc tính này là cách viết tắt để đặt tạm dừng trước và tạm dừng sau . Nếu hai giá trị được đưa ra, giá trị đầu tiên là tạm dừng trước và giá trị thứ hai là tạm dừng sau.
Đây là một ví dụ -
<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>Thuộc tính sân
Thuộc tính này chỉ định cao độ trung bình (tần số) của giọng nói. Cao độ trung bình của một giọng nói phụ thuộc vào họ giọng. Ví dụ, cao độ trung bình của giọng nam tiêu chuẩn là khoảng 120Hz, nhưng đối với giọng nữ, là khoảng 210Hz. Các giá trị có thể là -
frequency - Chỉ định cao độ trung bình của giọng nói bằng hertz (Hz).
x-low, low, medium, high, x-high - Các giá trị này không ánh xạ đến tần số tuyệt đối vì các giá trị này phụ thuộc vào họ giọng nói.
Thuộc tính phạm vi cao độ
Thuộc tính này chỉ định sự thay đổi về cao độ trung bình. Các giá trị có thể là -
number- Một giá trị từ '0' đến '100'. Một dải cao độ bằng '0' tạo ra một giọng đều đều, đơn âm. Phạm vi cao độ 50 tạo ra độ uốn bình thường. Phạm vi cao độ lớn hơn 50 tạo ra giọng nói hoạt hình.
Tài sản chơi trong thời gian
Thuộc tính này chỉ định âm thanh được phát làm nền trong khi nội dung của phần tử được nói. Các giá trị có thể có có thể là bất kỳ giá trị nào sau đây:
URI - Âm thanh được chỉ định bởi <uri> này được phát làm nền trong khi nội dung của phần tử được nói.
mix- Khi trình bày, phương tiện từ khóa này mà âm thanh thừa hưởng từ yếu tố phụ huynh của play-trong bất động sản vẫn tiếp tục chơi và âm thanh theo chỉ định của uri được trộn với nó. Nếu kết hợp không được chỉ định, âm thanh nền của phần tử sẽ thay thế âm thanh gốc.
repeat- Khi xuất hiện, từ khóa này có nghĩa là âm thanh sẽ lặp lại nếu nó quá ngắn để lấp đầy toàn bộ thời lượng của phần tử. Nếu không, âm thanh sẽ phát một lần rồi dừng.
auto - Âm thanh của phần tử mẹ tiếp tục phát.
none - Từ khóa này có nghĩa là im lặng.
Đây là một ví dụ -
<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>Tài sản giàu có
Thuộc tính này chỉ định độ giàu hoặc độ sáng của giọng nói. Các giá trị có thể là -
number- Một giá trị từ '0' đến '100'. Giá trị càng cao, giọng nói sẽ mang nhiều hơn. Giá trị thấp hơn sẽ tạo ra một giọng nói nhẹ nhàng, bay bổng.
Tài sản nói
Thuộc tính này chỉ định liệu văn bản có được hiển thị bằng âm thanh hay không và nếu có thì theo cách nào. Các giá trị có thể là -
none - Ngăn kết xuất âm thanh để phần tử không cần thời gian để kết xuất.
normal - Sử dụng các quy tắc phát âm phụ thuộc vào ngôn ngữ để hiển thị một phần tử và phần tử con của nó.
spell-out - Đánh vần văn bản từng chữ cái một.
Lưu ý sự khác biệt giữa phần tử có thuộc tính "volume" có giá trị là "silent" và phần tử có thuộc tính "speak" có giá trị là "none". Phần trước chiếm cùng thời gian như khi nó được nói, bao gồm bất kỳ khoảng dừng nào trước và sau phần tử, nhưng không có âm thanh nào được tạo ra. Sau này không yêu cầu thời gian và không được kết xuất.
Thuộc tính nói số
Thuộc tính này kiểm soát cách nói các chữ số. Các giá trị có thể là -
digits- Nói số dưới dạng các chữ số riêng lẻ. Vì vậy, "237" được nói "Hai ba bảy".
continuous- Nói số dưới dạng số đầy đủ. Do đó, "237" được nói là "Hai trăm ba mươi bảy". Biểu diễn từ phụ thuộc vào ngôn ngữ.
Thuộc tính dấu chấm câu nói
Thuộc tính này chỉ định cách nói dấu câu. Các giá trị có thể là -
code - Các dấu câu như dấu chấm phẩy, dấu ngoặc nhọn, v.v. được nói theo nghĩa đen.
none - Dấu câu sẽ không được nói, mà thay vào đó được hiển thị tự nhiên dưới dạng các khoảng tạm dừng khác nhau.
Thuộc tính tốc độ giọng nói
Thuộc tính này chỉ định tốc độ nói. Lưu ý rằng cả giá trị từ khóa tuyệt đối và tương đối đều được phép. Các giá trị có thể là -
number - Chỉ định tốc độ nói theo số từ mỗi phút.
x-slow - Tương tự như 80 từ mỗi phút.
slow - Tương tự 120 từ mỗi phút.
medium - Tương tự 180 - 200 từ mỗi phút.
fast - Tương tự như 300 từ mỗi phút.
x-fast - Tương tự 500 từ mỗi phút.
faster - Thêm 40 từ mỗi phút vào tốc độ nói hiện tại.
slower - Trừ 40 từ mỗi phút so với tốc độ nói hiện tại.
Thuộc tính căng thẳng
Thuộc tính này chỉ định độ cao của "đỉnh cục bộ" trong đường viền ngữ điệu của giọng nói. Tiếng Anh là một ngôn ngữ có trọng âm, và các phần khác nhau của câu được gán trọng âm chính, phụ hoặc cấp ba. Các giá trị có thể là -
number- Một giá trị từ '0' đến '100'. Ý nghĩa của các giá trị phụ thuộc vào ngôn ngữ được sử dụng. Ví dụ: mức '50' cho giọng nam nói tiếng Anh chuẩn (cao độ trung bình = 122Hz), nói với ngữ điệu bình thường và nhấn mạnh sẽ có ý nghĩa khác với '50' cho giọng Ý.
Thuộc tính gia đình thoại
Giá trị là danh sách họ thoại được ưu tiên, được phân tách bằng dấu phẩy. Nó có thể có các giá trị sau:
generic-voice- Giá trị là gia đình tiếng nói. Các giá trị có thể là 'nam', 'nữ' và 'trẻ em'.
specific-voice - Giá trị là các trường hợp cụ thể (ví dụ: hài, trinoids, carlos, lani).
Đây là một ví dụ -
<style type = "text/css">
<!--
h1 { voice-family: announcer, male }
p.part.romeo { voice-family: romeo, male }
p.part.juliet { voice-family: juliet, female }
-->
</style>Thuộc tính khối lượng
Âm lượng đề cập đến âm lượng trung bình của giọng nói. Nó có thể có các giá trị sau:
numbers- Bất kỳ số nào từ '0' đến '100'. '0' thể hiện mức âm lượng tối thiểu có thể nghe được và 100 tương ứng với mức thoải mái tối đa.
percentage - Các giá trị này được tính toán liên quan đến giá trị được kế thừa và sau đó được cắt bớt thành phạm vi từ '0' đến '100'.
silent- Không có âm thanh nào cả. Giá trị '0' không có nghĩa giống như giá trị 'im lặng'.
x-soft - Giống như '0'.
soft - Giống như '25'.
medium - Giống như '50'.
loud - Giống như '75'.
x-loud - Giống như '100'.
Đây là một ví dụ -
<style type = "text/css">
<!--
P.goat { volume: x-soft }
-->
</style>Các đoạn có lớp goat sẽ rất mềm.