如何通过JavaScript使浏览器实现语音输出功能？

本文共计1431个文字，预计阅读时间需要6分钟。

目录

1.最简单的例子

2.自定义语速和音调

3.如何调整音量

4.常用的函数

5.事件监听

6.总结

1. 最简单的例子

让我们创建一个基础函数，该函数接收我们想要说的话或词，并直接输出。

pythondef say_something(text): print(text)

使用函数say_something(Hello, world!)

目录

• 1. 最简单的例子
• 2. 自定义语速和音调
• 3. 怎么调整音量
• 4. 常用的函数
• 5. 事件监听
• 6. 总结

1. 最简单的例子

让我们来创建一个基础函数，这个函数的参数为我们想说的话或者词，最后让我们的浏览器说出来。我们将利用在大多数现代浏览器上都可以使用的原生APIspeechSyntehsis。

function speak(sentence) { const utterance = new SpeechSynthesisUtterance(sentence) window.speechSynthesis.speak(utterance) } // test speak('hello world');

信不信由你，以上的代码就是让大部分浏览器说出一句话所需要的一切！让我们来看看这里具体发生了什么。

我们创建的speak()函数，该函数以词句为参数。