头歌javascript学习手册

Question

任务描述
相关知识
创建SpeechSynthesisUtterance实例
编程要求
测试说明
任务描述
本关任务：生成语音播报实例。

相关知识
有的时候，我们需要为页面添加语音播报功能，内置语音播报功能主要通过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

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

根据你的描述，任务是补全代码片段中 Begin 至 End 之间的部分，具体要求如下：

• 创建一个 SpeechSynthesisUtterance 实例，并赋值给变量 utterance。
• 设置语速（rate）为 0.7。
• 设置音调（pitch）为 1.2。

---

✅ 解决方案步骤如下：

1. 创建 SpeechSynthesisUtterance 实例
   使用 new SpeechSynthesisUtterance("文本") 来初始化语音播报对象。

2. 设置语速（rate）
   utterance.rate = 0.7; 用于控制语音的播放速度。

3. 设置音调（pitch）
   utterance.pitch = 1.2; 用于调整语音的音调高低。

4. 确保字符串用双引号包裹
   所有字符串类型的参数必须使用 "" 包裹。

---

📌 修改后的代码示例（填入 Begin 到 End 之间）：

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

---

🔍 说明：

• utterance 是通过 SpeechSynthesisUtterance 构造函数创建的实例。
• rate 和 pitch 是 SpeechSynthesisUtterance 对象的属性，分别控制语速和音调。
• 在浏览器中运行时，需调用 speechSynthesis.speak(utterance) 来触发语音播报。

---

🧪 测试说明：

• 测试输入：无
• 预期输出：post（可能表示页面中存在一个名为 post 的元素或事件）

如果你需要进一步实现语音播报功能，可以在代码中添加以下内容来触发语音：

speechSynthesis.speak(utterance);

这将使浏览器根据设定的参数进行语音播报。