js设置页面语音播放

let msg = new SpeechSynthesisUtterance("喷子");console.log(msg)//msg.rate = 4 播放语速//msg.pitch = 10 音调高低//msg.text = "播放文本"//msg.volume = 0.5 播放音量speechSynthesis.speak(msg);

chrome浏览器 70 以上已经取消这个功能


chrome测试地址 https://www.chromestatus.com/feature/5687444770914304

edge浏览器目前可直接运行

js设置页面语音播放相关推荐

  1. js模仿微信语音播放的小功能

    自己写的一个模仿微信语音播放的小功能,实现的主要功能是:点击播放,点击暂停,播放切换,,,  代码如下: <!DOCTYPE html> <html lang="en&qu ...

  2. js模仿微信语音播放的动画效果

    设计思路: 播放时使用js的setInterval来替换png达到动画效果 当前demo语音播放使用插件BenzAMRRecorder.js 如需要用其它js插件来播放语音也很容易集成到本demo 准 ...

  3. vue js 进来页面自动播放背景音乐

    <div >//src:相对应的音乐文件地址<audio id="audio" :src="require('../static/audio.mp3') ...

  4. js 实现页面语音播报

    let str = "百度播报";var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&t ...

  5. JS设置页面form内的所有元素(input textarea select)为只读属性

    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190222142611744.jpg)

  6. HTML、纯JS实现语音播放,实现定时刻播放

    使用百度语音广播开放平台-免费生成语音 网址https://developer.baidu.com/vcast HTML代码 <div id="bdtts_div_id"&g ...

  7. HTML设置页面动画效果有几种,前端制作动画的几种方式(css3,js)

    制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式. 1.css ...

  8. b站怎么改回html播放,b站视频播放器设置页面在哪里?怎么设置熄屏播放?怎么只播放声音?...

    玩B站的小伙伴们最关注的就是最近有什么新的视频上线了,我关心的那些up主们有没有上传新的视频,还有就是最近火热的番剧更新到第几集了等等.我们在平常的视频观看中,大部分时间都是采用B站的客户端,也就是B ...

  9. html设置视频一直播放,设置video js多视频连续播放

    设置video js多视频连续播放 代码如下: var vList = ['http://vjs.zencdn.net/v/oceans.mp4', 'http://clips.vorwaerts-g ...

最新文章

  1. 《研磨设计模式》chap12 观察者模式observer(1)模式简介
  2. 函数粘合云服务提供端到端解决方案
  3. CCNA课堂精简笔记
  4. 使用JMX作为Ganglia的现代替代品进行CLDB监视
  5. linux指令:软连接与历史命令
  6. Java继承,接口,抽象类
  7. java i18n_Java i18n – Java的国际化
  8. argparse模块
  9. SQLite数据库可视化工具【SQLiteStudio】的下载及安装
  10. 在ABBYY FineReader中制作屏幕截图和识别文本
  11. 学习asp.netcore入门视频
  12. 【 优秀的无干扰文本写作工具】Ommwriter for Mac 1.57
  13. 循环群的子群必然还是循环群
  14. tfs php,TFS的原理及应用
  15. H5 的直播协议和视频监控方案
  16. 2018双11万家互联网门店参战:看苏宁的撩人新姿势
  17. 【小工具】极客时间GitChat专栏下载脚本
  18. 单元测试利器——手把手教你使用Mockito
  19. 数学问题:1000瓶酒找1毒酒
  20. 怎样根据不同的睡姿选择合适的枕头?

热门文章

  1. Python程序设计与算法基础-----书本上机实践题目及答案
  2. 外网映射nginx端口丢失问题解决
  3. 初学Java入门介绍
  4. 差错控制(检错编码、纠错编码)
  5. 上位机与PLC 通讯源码 上位机与三菱PLC,西门子PLC通讯
  6. 2020-02-28-E-prime主要常见问题及matlab、python打marker方式
  7. matlab常数编程,Matlab编程,求解出卡普雷卡尔(Kaprekar)常数
  8. Codemeter安装器遇到了一个错误,导致安装失败,请联系软件制造商以获得帮助
  9. GOIP网关常用名字,卡槽数量,型号区别
  10. Python基础知识学习(六)——包与模块:指令、包加载步骤、搜索范围