当前位置: 首页 > article >正文

JS实例之:JS语音播报 new SpeechSynthesisUtterance();

一、代码

<div onclick="speakFun()">黑子说话<div>
function speakFun(text){
     const msg = new SpeechSynthesisUtterance()
     let speakCount = this.voice.orderNotionVoiceNum;
     let synthe = window.speechSynthesis;
     msg.text = "我是小黑子"; // 说话内容
     msg.lang = 'zh-CN';  // 中文
     msg.volume=1; // 音量 0-1
     msg.onend=(e)=>{
	       synthe.speak(msg);
     }
     console.log("-----语音播报被调用-----",msg)
     synthe.speak(msg)
},

二、注意点

如果在vue等生命周期中调用,会失效;
需要通过事件触发(例如:点击时间、websocket等);


http://www.kler.cn/a/226392.html

相关文章:

  • 分别用JavaScript,Java,PHP,C++实现桶排序的算法(附带源码)
  • leetcode刷题(剑指offer) 103.二叉树的锯齿形层序遍历
  • 《统计学习方法:李航》笔记 从原理到实现(基于python)-- 第6章 逻辑斯谛回归与最大熵模型(1)6.1 逻辑斯谛回归模型
  • Apache Doris 整合 FLINK CDC + Iceberg 构建实时湖仓一体的联邦查询
  • 什么是ISO21434网络安全中的信息安全?-亚远景
  • sklearn.preprocessing 标准化、归一化、正则化
  • [C++]类和对象(中)
  • C++类和对象入门(二)
  • DockerCompose+SpringBoot+Nginx+Mysql实践
  • 正点原子--STM32定时器学习笔记(1)(更新中....)
  • 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之TimePicker组件
  • 【Spark系列6】如何做SQL查询优化和执行计划分析
  • 三步实现 Sentinel-Nacos 持久化
  • Redis常用数据类型--Hash
  • C#学习笔记_继承
  • vue-3d-model
  • 极限存在法则【高数笔记】
  • 八. 实战:CUDA-BEVFusion部署分析-学习spconv的优化方案(Implicit GEMM conv)
  • C++:输入流/输出流
  • SpringBoot security 安全认证(三)——自定义注解实现接口放行配置