API学习总结

文本朗读+语音识别API

Web Speech API有两个功能：用于在浏览器中实现语音识别（将人声转换为文本）和语音合成（将文本转换为人声）。简单使用介绍，详细用法再自行搜索

语音合成语法


var utterance = new SpeechSynthesisUtterance('Hello');
window.speechSynthesis.speak(utterance);

语音合成示例


<body>
  <input id="ipt" type="text">
  <button id="btn">发音button>
  <script>
    const btn = document.getElementById('btn');
    const ipt = document.getElementById('ipt');
    btn.onclick = function(){
      const ssa = new SpeechSynthesisUtterance(ipt.value); // 或传入想要读取的字符串
      ssa.rate = 0.5; // 语速
      // ssa.volume = 0.6 // 音量
      window.speechSynthesis.speak(ssa); // 将文本添加到阅读队列
      ipt.value = '';
    }
  script>
body>

语音识别语法


//创建一个SpeechRecognition对象
const recognition = new webkitSpeechRecognition();
//启动录音语音识别
recognition.start();
// 关闭录音
recognition.stop();
//监听语音识别结果(谷歌浏览器存在兼容问题)
recognition.onresult = function()

语音识别示例


<body>
  <button id="enableIt">开始识别button>
  <button id="endRecognition">结束识别button>
  <script>
    const enableIt = document.getElementById('enableIt');
    const endRecognition = document.getElementById('endRecognition');
    //创建一个SpeechRecognition对象
    const recognition = new webkitSpeechRecognition();
    recognition.lang = 'cmn-Hans-CN'; //定义普通话 (中国大陆)
    enableIt.onclick = function(){
      //启动录音语音识别
      recognition.start();
    };
    endRecognition.onclick = function(){
      // 关闭录音
      recognition.stop();
      //监听语音识别结果(谷歌浏览器存在兼容问题)
      recognition.onresult = (event) => {
        const transcript = event.results[0][0].transcript;
        console.log(transcript); //输出语音识别结果
      }
    }
  script>
body>

前端js实现asr（语音转文字）_js语音转文字-CSDN博客

前端语音识别（webkitSpeechRecognition）_莲青见卿的博客-CSDN博客

相关阅读:
Vulnhub靶机：DARKHOLE_ 2
Sentinel网关限流
Flink系列文档-(YY04)-Flink编程基础API-Transformation算子
1.JavaSe_环境变量
【GPU】显卡内存不足及监控GPU使用情况
互联世界的桥梁：探索Facebook如何连接人与人之间的纽带
【权威出版/投稿优惠】2024年水利水电与能源环境科学国际会议(WRHEES 2024)
基于梯度的轨迹优化（GTO）和拓扑路径搜索的路径引导的无人机（UAV）轨迹再规划（PGO）
[Python进阶] Pyinstaller打包模式
Jetpack学习之Navigation（1）

原文地址：https://blog.csdn.net/TKY666/article/details/133900023