js API语音播报笔记

最新推荐文章于 2025-03-12 15:32:18 发布

开心就好1314520

最新推荐文章于 2025-03-12 15:32:18 发布

阅读量292

点赞数

文章标签： javascript 语音识别开发语言

本文链接：https://blog.youkuaiyun.com/qq_38388578/article/details/128964738

版权

该HTML代码演示了一个简单的语音播报功能，使用JavaScript的speechSynthesisAPI，当用户点击按钮时，会以中文发音朗读出预设的文本‘孙文剑不是一个好人’，并可调整音量、语速和音高。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>语音播报</title>

</head>

<body>
  <h1>语音播报</h1>
  <input id="btn1" type="button" value ="点我" onclick="speak();"/>
</body>

</html>

<script>

  function speak()
  {
    const synth = window.speechSynthesis;
    let msg = new SpeechSynthesisUtterance("孙文剑不是一个好人");
    msg.lang = "zh-CN";  // 使用的语言:中文
    msg.volume = 100;      // 声音音量：1
    msg.rate = 0.75;        // 语速：1
    msg.pitch = 100000;       // 音高：1、
    synth.speak(msg)
  }
</script>