vue中使用语音提示

yuyin(str) { // 语音提示方法// str为需要播报的文字var url = 'http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=' + encodeURI(str)var n = new Audio(url)n.src = urln.play()  // 播报//  n.cancel();  //取消阅读//  n.pause();  //暂停阅读},

注意事项：
如果在mounted中直接写语音播报的代码会报错，可以写在方法中然后调用解决该问题

vue中使用语音提示相关推荐

vue中添加语音播报的功能
1:首先把我们的静态资源文件加入到前端工程项目当中我这里mp3文件就是要播报的语言文件 2: 页面中加入标签  ...
Vue中的确认提示框
弹出确认框 this.$confirm("是否确认标记为作废?", "提示", {iconClass: "el-icon-question" ...
Vue中使用can-autoplay插件实现浏览器不支持自动播放音频时提示点击
场景 Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音): Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)_BADAO_LIUMAN ...
vue项目中实现语音队列的依次播放
vue项目中实现语音队列的依次播放需求分析通过长链接接收后台返回的消息数据,并进行语音的依次播放完整.长链接和语音播放功能在以往的文章中都有介绍.再次我们主要着重介绍语音依次播放的功能. 那怎样实 ...
vue ts 设置tslint提示_Typescript 在 Vue 中的实践(包含2.x、3.x)
1 使用 typescript 的优势聊到 ts 时有一个不能规避的问题:为什么要使用 ts ,相比 js 有什么优势吗?下面我从两个方面试着回答一下这个问题: 1.1 项目开发时的便利避免低级 ...
C#中实现简单的预警提示功能(语音提示与弹窗提示)
场景在储液罐液位偏低时会进行语音播报提示与弹窗提示. 注: 博客主页: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子 ...
vue ts 设置tslint提示_Typescript在Vue中的实践
1 使用 typescript 的优势聊到 ts 时有一个不能规避的问题:为什么要使用 ts ,相比 js 有什么优势吗?下面我从两个方面试着回答一下这个问题: 1.1 项目开发时的便利避免低级 ...
vue自定义插件封装一个类似 element 中 message 消息提示框的插件
vue自定义插件封装一个类似 element 中 message 消息提示框的插件一.资源文档 1.vue内置组件 transition 2.Vue.use() 3.Vue.extend() 4. ...
vue中ts无法识别引入的vue文件，提示找不到xxx.vue 模块解决办法
在vue + ts项目中,在.ts中引入.vue文件,会提示打不到module,但是编译可能成功,运行也不报错在src根目录下,新建一个sfc.d.ts文件这个里面的 declare module ...
Vue中提示框慢慢显示和慢慢消失方法
Vue中提示框慢慢显示和慢慢消失方法 Vue提供了一个标签属性transition,直接使用就可以了: 用transition标签把需要慢慢显示的组件包起来. 然后在目前组件下面的style属性里面添 ...

vue中使用语音提示

vue中使用语音提示相关推荐

最新文章

热门文章