头歌 第1关：Web Speech API 语音合成

Question

任务描述
本关任务：生成语音播报实例。

相关知识
有的时候，我们需要为页面添加语音播报功能，内置语音播报功能主要通过Web Speech API中的SpeechSynthesis接口实现。首先创建SpeechSynthesisUtterance实例，然后设置文本内容、语速、音调和音量等参数，最后调用speechSynthesis.speak()方法触发语音播报。该功能兼容现代浏览器，可实现无需第三方依赖的文本转语音交互，常用于无障碍服务、通知提醒或语音提示场景。

创建SpeechSynthesisUtterance实例
比如创建一个新的语音播报实例，并分步设置文本内容、语速、音调：

const utterance = new SpeechSynthesisUtterance("你好"); //创建SpeechSynthesisUtterance对象
utterance.rate = 1; //设置语速
utterance.pitch = 1; //设置音调
编程要求
本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下：

创建一个SpeechSynthesisUtterance实例，然后赋值给变量utterance，设置语速值为0.7，音调值为1.2，如下所示：

字符串类型参数用""包含在内。

测试说明
测试过程：

平台将自动执行其中的JavaScript代码

输出结果与预期输出相同，则表示您填写的代码正确，否则错误。

以下是测试样例：

测试输入：
无测试输入
预期输出：
post

Answer 1

下午好🌅🌅🌅
本答案参考通义千问

根据任务描述，我们需要使用 Web Speech API 中的 SpeechSynthesisUtterance 接口来实现语音播报功能。具体要求是：

• 创建一个 SpeechSynthesisUtterance 实例，并赋值给变量 utterance。
• 设置语速为 0.7，音调为 1.2。
• 不需要输入，只需输出正确的代码。

---

✅ 重点部分加粗说明：

1. 创建 SpeechSynthesisUtterance 实例：
这是语音播报的核心对象，用于封装文本和语音参数。

2. 设置语速 (rate) 和音调 (pitch)：
这两个属性控制语音的播放速度和音高。

3. 调用 speechSynthesis.speak() 方法：
触发语音播报。

---

✅ 解决方案步骤如下：

1. 创建 SpeechSynthesisUtterance 实例：
   使用 new SpeechSynthesisUtterance("文本内容")。

2. 设置语速 (rate) 为 0.7：
   通过 utterance.rate = 0.7; 设置。

3. 设置音调 (pitch) 为 1.2：
   通过 utterance.pitch = 1.2; 设置。

4. 调用 speak() 方法：
   通过 speechSynthesis.speak(utterance); 触发语音播报。

---

✅ 修改后的完整代码（补全 Begin 至 End 之间的代码）：

// Begin
const utterance = new SpeechSynthesisUtterance("你好");
utterance.rate = 0.7;
utterance.pitch = 1.2;
speechSynthesis.speak(utterance);
// End

---

✅ 预期输出说明：

• 由于没有测试输入，平台将自动执行该代码并检查是否正确。
• 正确执行后，页面会播放语音“你好”，语速为 0.7，音调为 1.2。
• 若输出与预期一致，则表示代码正确。

---

✅ 注意事项：

• 确保浏览器支持 Web Speech API（如 Chrome、Edge 等现代浏览器）。
• 如果在某些浏览器中无法运行，请检查是否启用语音合成功能或更新浏览器版本。