diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/speech-api/SpeechSynthesisUtterance-volume-manual.html | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/speech-api/SpeechSynthesisUtterance-volume-manual.html')
| -rw-r--r-- | testing/web-platform/tests/speech-api/SpeechSynthesisUtterance-volume-manual.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/testing/web-platform/tests/speech-api/SpeechSynthesisUtterance-volume-manual.html b/testing/web-platform/tests/speech-api/SpeechSynthesisUtterance-volume-manual.html new file mode 100644 index 0000000000..6031c1dad6 --- /dev/null +++ b/testing/web-platform/tests/speech-api/SpeechSynthesisUtterance-volume-manual.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html> +<head> + <title>5.2.3 SpeechSynthesisUtterance volume attribute test - Manual</title> + <style> + div, + #test { + display: block; + width: 640px; + word-break: break-all; + padding: 4px; + } + #test, + #volume { + background: skyblue; + font-weight: bold; + } + </style> + <script> + const text = "hello universe"; + const volumes = [0, 0.2, 0.4, 0.6, 1]; + + handleVoicesChanged = async _ => { + for (const volume of volumes) { + await new Promise(resolve => { + document.getElementById("volume").value = volume; + const utterance = new SpeechSynthesisUtterance(); + utterance.text = text; + utterance.volume = volume; + utterance.onend = resolve; + window.speechSynthesis.speak(utterance); + }); + }; + }; + onload = e => { + document.getElementById("test").onclick = _ => { + if (window.speechSynthesis.getVoices().length === 0) { + window.speechSynthesis.onvoiceschanged = handleVoicesChanged; + } else { + handleVoicesChanged() + } + }; + }; + </script> +</head> +<body> + <div> + <h3>Specification:</h3> + <a href="https://w3c.github.io/speech-api/speechapi.html#utterance-attributes"><b><code><i><u>volume</u></i></code> attribute</b></a> + <blockquote> + This attribute specifies the speaking volume for the utterance. It ranges between 0 and 1 inclusive, with 0 being the lowest volume and 1 the highest volume, with a default of 1. If SSML is used, this value will be overridden by prosody tags in the markup. + </blockquote> + </div> + <div id="test"> + Click to execute <code>window.speechSynthesis.speak()</code> with <code>volume attribute</code> set to <code>0, 0.2, 0.4, 0.6, 1.</code> + </div> + <br> + <div> + <label for="volume">Current volume: </label> + <input id="volume" readonly> + <h3>Manaul Test:</h3>Does the volume of audio output change? + </div> +</body> +</html> |