Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Test SpeechSynthesisUtterance volume attribute #9963

Merged
merged 11 commits into from
May 8, 2019
Merged

Test SpeechSynthesisUtterance volume attribute #9963

Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
0fdd236
Test SpeechSynthesisUtterance volume attribute
guest271314 Mar 12, 2018
4ec6753
MediaSource crashes tab at Chromium/Chrome
guest271314 Mar 18, 2019
cc69d84
Test HTMLMediaElement.captureStream()
guest271314 Mar 20, 2019
20ee21b
Merge pull request #2 from guest271314/guest271314-mediasource-htmlme…
guest271314 Mar 20, 2019
25493ae
Revert "Test HTMLMediaElement.captureStream()"
guest271314 Mar 20, 2019
c55991f
Merge pull request #3 from guest271314/revert-2-guest271314-mediasour…
guest271314 Mar 20, 2019
f580334
Update WPT Manual Test
guest271314 May 6, 2019
1bf8669
Delete MediaSource-MediaStream test
guest271314 May 8, 2019
8568526
Update SpeechSynthesisUtterance-volume-attribute-test-manual.html
guest271314 May 8, 2019
1a765a5
Rename SpeechSynthesisUtterance-volume-attribute-test-manual.html to …
foolip May 8, 2019
80a2259
Update SpeechSynthesisUtterance-volume-manual.html
foolip May 8, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 64 additions & 0 deletions speech-api/SpeechSynthesisUtterance-volume-manual.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 = "hello universe";
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>