vue语音播放通知功能

因产品需要，有新任务了对应的人要有语音提示，实现呗

大部分解决方案是 http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=要语音播放的文字"，结果是会出现跨域的

最终解决方法

使用 speak-tts npm包就可以了

以下是npm包和语音播放api

api和安装地址

使用步骤很简单

安装 npm 安装
初始化，mounted 生命钩子函数里调用初始化的方法【初始化方法就是npm api的文档里的init那段代码】
播放即可【在你需要触发播放即可】【具体请看api】

觉得语音音色太难听可以更换

const speech = new Speech()
speech.init().then((data) => {// 这个data里有voice 的音色，音色可以在这个初始化返回的data里查找console.log("Speech is ready, voices are available", data)
}).catch(e => {console.error("An error occured while initializing : ", e)
})

vue语音播放通知功能相关推荐

互联网晚报 | 1月16日星期日 | 微信新增语音播放暂停功能；小米MIUI“纯净模式”上线；全国首例“刷单案”宣判...
‍ 今日看点 ✦ 全国首例"刷单"涉不正当竞争案一审宣判:我爱网赔偿百度205万元 ✦ 微信iOS版本更新至8.0.17,新增功能支持语音暂停后继续播放 ✦ 微博网页版上线无障碍模 ...
android 语音提醒，文字转语音播放
android本身具有文字转语音播放的TTS,一些第三方的sdk,像百度语音,科大讯飞语音等等都提供了文字转语音播放的功能,但这些第三方sdk大都收费,还挺贵的. 这里推荐两种方法:1.android ...
使用js写一个播放语音提示的功能
利用window自带的speechSynthesis编写一个播放语音提示的功能之前利用百度的在线语音合成发现改不了其中的per属性,自己装了一下node包,发现cnpm引入的时候会与vue-admi ...
多功能语音播放器上线啦~
应广大学生反映,学程序不会读单词,留言问我能不能做个语音播放器,就是能输入英文能读出来的那种!! 为了帮助公众号里面仅有的几百粉丝,我就顺手写一个吧,万一还能增加点粉丝呢? 于是经过一番奋斗,一款名为 ...
html增加语音朗读功能,给wordpress主题添加上语音播放文章内容文本朗读功能
摘要:大挖最近在淘wp主题的时候发现一款主题已经支持了语音朗读功能7b2,大挖一直关注的一些产品和运营网站也陆续上线了语音播放... 大挖最近在淘wp主题的时候发现一款主题已经支持了语音朗读功能7b2 ...
简单音乐播放器html+css+基础vue+含源码，有搜索和播放mv功能，代码可直接复制用。
题目:html+css+基础vue实现的简单音乐播放器(含源码),有搜索和播放mv功能,代码可直接复制用. 问题描述: 如果vue刚入门,掌握一些基础语法后就可以写一个简单的音乐播放器来练练手~~如果 ...
多功能料理锅语音播放芯片——NV040C
多功能料理锅就是一锅搭配多个锅盘,可以实现火锅.烤肉.花式煎蛋.丸子等多种烹饪功能. 多功能料理锅语音方案设计需求: 多功能锅本身体积有限,按钮比较少,相应功能的字体要贴按钮旁边,字体也是比较小的,这 ...
js模仿微信语音播放的小功能
自己写的一个模仿微信语音播放的小功能,实现的主要功能是:点击播放,点击暂停,播放切换,,, 代码如下: <!DOCTYPE html> <html lang="en&qu ...
服务开通语音通知功能怎样实现？
语音通知作为一种强提醒的信息通知方式,非常适合使用在服务开通通知场景中,可以有效避免用户错过重要信息.那服务开通语音通知怎么实现?这里互亿无线小编为大家做个详细介绍: 一.如何发送服务开通语音通知信息 ...
python输出到语音播放_用Python写一个语音播放软件
单位经常使用广播进行临时事项的通知(将文字转换为语音然后通过功放广播),但是市面上多数语音播放软件都是收费的,要么发音失真,要么不够稳定--经常出现莫名其妙的故障,容易给工作带来被动.学Python这 ...

vue语音播放通知功能

最终解决方法

以下是npm包和语音播放api

使用步骤很简单

觉得语音音色太难听可以更换

vue语音播放通知功能相关推荐

最新文章

热门文章