<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><script src="js/jquery-1.8.3.js"></script><title>中文测试</title>
</head>
<body>
<button id="a">开始</button>
<button id="b">暂停</button>
<button id="c">继续</button>
<button id="d">停止</button>
</body>
</html>
<script>var synth = window.speechSynthesisvar u = new SpeechSynthesisUtterance();//汉语u.lang = 'zh-CN';u.rate = 1;function speak(textToSpeak) {u.text = textToSpeak;synth.speak(u)}var str = "众所周知,古诗中有好多字音与我们现代的音有所不同,如果是细心研究过过学习过还好,但有时遇到模棱两可的字音,真的不知道读什么好,读起来也没有底气"speak(str)$("#a").click(function() {speak(str)})$("#b").click(function() {synth.pause()})$("#c").click(function() {synth.resume()})$("#d").click(function() {synth.cancel();})// var synth = window.speechSynthesis;// var utterance1 = new SpeechSynthesisUtterance('How about we say this now? This is quite a long sentence to say.');// var utterance2 = new SpeechSynthesisUtterance('We should say another sentence too, just to be on the safe side.');// synth.speak(utterance1);// synth.speak(utterance2);// synth.pause(); // pauses utterances being spoken//https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis/cancel
</script>

JS调用google DEMO朗读相关推荐

  1. 使用js 调用 google ads

    在网页中插入 Google AdSense 广告,一般将源代码直接嵌入主题模板页面.事实上 Google AdSense 支持并允许使用 JS 文件调用.当然前提是不要因任何原因修改代码,或手动影响广 ...

  2. google地图静态下载和js调用

    google地图静态下载和js调用 google staticmap使用 google地图js调用 google地图静态下载 1)注册google帐号 2)开启google static map功能 ...

  3. google地图api js调用完整教程(路径回放)

    google地图api js调用完整教程(路径回放) 1,申请一个Google map api得key 目前来看,Google key激活要绑定一些国际银行卡(比如万事达,visa) 申请key详细地 ...

  4. iOS WKWebView JS原生交互之JS调用OC(附demo)

    Demo下载地址:https://github.com/msbaby520/WKWebViewJSCallOC 2019.02.26 更新 注意: iOS12起不再支持UIWebView,请采用WKW ...

  5. html小Demo: js调用java后端提供的接口

    文章目录 html小Demo: js调用java后端提供的接口 html常用的一些标签(初级版)以及对html的一些理解的笔记 head常用标签 body常用标签 JavaScript Java sp ...

  6. Auto.js 调用系统短信、电话

    本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! Auto.js 调用系统短信.电话 操作 ...

  7. js调用c语言程序设计,HTML页面,测试JS对C函数的调用简单实例

    HTML页面,测试JS对C函数的调用 //http://www.w3schools.com/jsref/event_onclick.asp //document.write('Hello World! ...

  8. js调用php和php调用js的方法举例

    2019独角兽企业重金招聘Python工程师标准>>> 用javascript形式输出数据,其实那就是php把js的输出脚本变为字符串的形式,当js调用会执行php代码例如:输出的p ...

  9. Android开发笔记(六十四)网页加载与JS调用

    内置浏览器 网页视图WebView 如果一个网站已经有现成的网页及业务逻辑,那么使用WebView将其内嵌到app中,省去了app重画页面与http通信的事情,无疑是更经济的做法.WebView就是A ...

  10. Java 调用Google Map Api解析地址,解析经纬度实例

    Java 调用Google Map Api解析地址,解析经纬度实例 使用google地图的反向地址解析功能,提供一个经纬度得到对应地址,或者给出模糊地址,得到经纬度,放在java后台代码中处理,这个使 ...

最新文章

  1. Blender2.9全流程创建逼真未来科幻蝙蝠汽车视频教程
  2. 国内外最好用的9大工作任务管理软件
  3. Safari浏览器的智能跟踪预防工作原理
  4. Linux高级篇——IO系统编程
  5. 随手写个二分查找算法【Java】
  6. gdb学习(一)[第二版]
  7. oracle 系统检查点,检查点(Checkpoint)优化及故障排除指南
  8. [Java] 蓝桥杯 BASIC-9 基础练习 特殊回文数
  9. 面试前,不要这么准备了,简直愚蠢到极点
  10. centos 安装 Pip 的方法总结
  11. Android内存泄露测试
  12. Android 编程下 Using ViewPager for Screen Slides
  13. 解决ES只能查询10000条数据的问题
  14. 已解决IndentationError: unindent does not match any outer indentation level
  15. 【老九学堂】【初识C语言】C语言基本数据类型
  16. 《东方巨龙》一首能感动所有中国人的歌,上榜一周点播过百万!
  17. 古龙冰洞超级计算机指令,龙族幻想古龙冰洞异闻攻略 古龙冰洞指令介绍
  18. 竞赛,开源!2019CCF BDCI 乘用车销量预测 冠军方案
  19. 超神学院暗质计算机,超神学院之黑白守护者
  20. 地球系统模式CESM学习记录

热门文章

  1. Pandas实战-Series的方法
  2. jvm学习——jvm内存区域
  3. markdown编辑器Typora的使用方法(保姆级教程)
  4. 央行房贷新政带火北京学区房:相比前两月涨10%
  5. linux 内核配置ip地址,linux内核IP地址转换函数
  6. 首个单季度盈利,ARPU增速却持续下滑,拼多多已埋下未来隐忧
  7. 主分区、扩展分区、逻辑分区和活动分区的区别与联系
  8. 【读书笔记】《读懂孩子的心》——重新了解完整的自己
  9. 小白怎么入门网络安全?
  10. 终于!疫情之下,第一批企业没能熬住面临倒闭,员工被遣散,没能等来春暖花开!