<!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;      // 声音音量:1msg.rate = 0.75;        // 语速:1msg.pitch = 100000;       // 音高:1、synth.speak(msg)}
</script>

js API语音播报笔记相关推荐

  1. js实现语音播报功能

    想让页面能说话?很简单的哟~ 定义语音播报的函数 function speckText(str){ //var request= new URLRequest(); var url = "h ...

  2. js实现语音播报+html自动播放音频

    - 1. js生成语音源(利用百度的TTS): let str = "测试测试测试测试测试测试测试123测试测试测试测试测试测试123435"; let make_mp3 = &q ...

  3. 高德地图 Web JS API示例学习笔记(3)——地图(三维地图)

    文章目录 三维地图 3D地图 区域掩膜 三维地图 3D地图 map = new AMap.Map('container', {resizeEnable: true,rotateEnable: true ...

  4. 高德地图 Web JS API示例学习笔记(1)——地图(生命周期、地图属性)

    文章目录 生命周期 地图的创建 异步加载地图 地图属性 获取地图中心点/级别 设置地图中心点/级别 获取地图当前行政区属性信息 设置地图当前行政区 设置/获取地图显示范围 限制地图显示范围 地图的平移 ...

  5. 高德地图 Web JS API示例学习笔记(11)——覆盖物(矢量图形)

    文章目录 矢量图形 折线的绘制和编辑 多边形的绘制和编辑 矩形的绘制和编辑 圆的绘制和编辑 绘制矢量图形(重点) 带洞多边形 遮罩 GeoJSON(重点) 自定义折线方向箭头 矢量图形 折线的绘制和编 ...

  6. ie浏览器语音播报功能实现

    文章目录 ie浏览器语音播报 spvoice详细接口 示例代码 异步播报 等待播报完毕 参考 ie浏览器语音播报 在ie下用 SpVoice实现语音播报功能 spvoice详细接口 SpVoice I ...

  7. JS实现TTS语音播报

    JS实现TTS语音播报 function speckText(str){//var request= new URLRequest();var url = "http://tts.baidu ...

  8. 使用谷歌浏览器的speechSynthesis的API,实现语音播报功能

    今天给大家分享一个,使用谷歌自带的API实现语音播报的功能,可以在项目预警上使用! 实现效果: 代码如下: <!DOCTYPE html> <html><head> ...

  9. ios 原生语音识别,百度翻译API使用,原生文字转语音播报

    若有不正之处,希望大家不吝赐教,谢谢! 原生语音识别所需: 首先需要再plist文件中加入: Privacy - Speech Recognition Usage Description 需要使用si ...

最新文章

  1. java中如何应对读改写场景
  2. Unity3d载入外部图片文件
  3. day7 面向对象进阶、socket套接字
  4. 专栏 | 基于 Jupyter 的特征工程手册:特征选择(四)
  5. Nearest Interesting Number
  6. 小白开学Asp.Net Core 《六》 —— 探究.Net Core 跨平台的奥秘
  7. Java中String类的concat方法___java的String字符串的concat()方法连接字符串和“+“连接字符串解释
  8. arkit unity_凯蒂猫! 如何使用ARKit和Unity制作增强现实应用程序。
  9. Linux 内核 5.4 将于 11月24 日 发布,Linux 5.4-rc8 已可用于公测
  10. 信息系统项目管理06——项目进度管理
  11. 【Spring Boot】3.Spring Boot的配置
  12. 蓝桥杯2016年七届C/C++省赛C组第八题-冰雹数
  13. 实现SharePoint的无限潜力
  14. golang 判断map的键key是否存在
  15. vue样式操作与事件绑定
  16. 可转债打新,怎么预估上市价格
  17. Python爬虫抓取网页图片
  18. python求sinx近似值_c语言求sinx的近似值 c语言求sinx近似值
  19. MonoRTM模型使用说明
  20. 软件项目技术路线图_为您的项目创建路线图

热门文章

  1. 教你用这个技巧问薪资,HR不反感!
  2. 【Apollo 6.0学习笔记】感知
  3. 我为什么嫌弃RxJava,不再推荐使用?
  4. 将文件中的图片显示到jsp页面
  5. Lind.DDD.LindMQ~关于持久化到Redis的消息格式
  6. canvas绘制弧形
  7. 微信新功能内测曝光,再次向支付宝发起挑战
  8. Db2数据库中常见的堵塞问题分析与处理方法
  9. python IPy模块详解
  10. 缺陷管理-基于企业微信文档设计的一个缺陷管理文档