JS文字实时转语音播报

最新推荐文章于 2024-06-15 12:07:56 发布
最新推荐文章于 2024-06-15 12:07:56 发布
阅读量833 收藏
点赞数
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51179995/article/details/129346769
版权

const speech = new SpeechSynthesisUtterance()
                            // 设置播放内容
                            speech.text = “播报内容”
                            // 设置话语的音调(0-2 默认1，值越大越尖锐,越低越低沉)
                            speech.pitch = 0.8 
                            // 设置说话的速度(0.1-10 默认1，值越大语速越快,越小语速越慢)
                            speech.rate = 1 
                            // 设置说话的音量
                            speech.volume = 10 
                            // 设置播放语言
                            speech.lang = 'zh-CN' 
                            
                            // 播放结束后调用
                            speech.onend = (event)=>{
                                
                            }
                            // 加入播放队列
                            window.speechSynthesis.speak(speech)

cc，HelloWorld
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webspeech.js
08-16
该脚本是TTS在web中的应用，只需要在页面中引入该脚本即可使用，但是此脚本需要在有网络的环境中使用。
javascript多浏览器语音播报，文字转语音
11-12
之间引用，提供speakText（str, obj, callback）直接使用。 如果ie无法播放，请Internet选项设置activeX为启用
Speech JS：JavaScript 的语音识别与合成
最新发布
lostdeer
06-15 1134
Speech JS 是一个基于 Web Speech API 的 JavaScript 库。Web Speech API 是一个由 W3C 提出的标准，它定义了一组 JavaScript 接口，用于实现语音识别和语音合成。Speech JS 封装了这些接口，提供了一套简单易用的 API，开发者可以通过它轻松地在网页中添加语音功能。Speech JS 是一个功能强大且易于使用的 JavaScript 库，为 Web 应用程序带来了丰富的语音识别和语音合成功能。
php写语音朗读,详解在网页上通过JS实现文本的语音朗读
weixin_31179927的博客
03-21 796
摘要: 语音合成：也被称为文本转换技术(TTS)，它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。1、接口定义http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字参数说明：lan=zh：语言是中文，如果改为lan=en，则语言是英文。ie=UTF-8：文字格...
js语音播报功能（1）
wzwzwz555的博客
08-30 1467
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button onclick="speak();">在线听故事</button> <button onclick="zhanting();">暂停</button&
js 语音播报
qq_43014842的博客
09-28 1935
JS 语音播报
js中文字合成语音,文字转语音的实现方法
荣顶的博客
11-05 1791
SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等,该api对于盲人或弱视用户是非常有用的! var msg = new SpeechSynthesisUtterance("这里是转语音的测试文本,"); window.speechSynthesis.speak(msg); SpeechSynthesisUtterance基本属性 SpeechSynthesisUtterance.lang 获
js浏览器 文本语音播报
qq_34925033的博客
05-10 1374
文本语音播报
js vue 文本转换语音
Story_0809的博客
01-03 918
我们可以调用window中内置api，实现语音转换，简单介绍下需要用到的两个api
使用Speech实现js播放音频
weixin_30845171的博客
09-12 616
经再次测试发现第一次调用时候语音播放多遍，请待我继续完善。 环境： windows10； IIS 10； .Net4.5.2; 例子代码：传送门 首先在程序中添加System.Speech的引用 在控制器中加入以下代码： 1 public async Task GetSpeek(string context) 2 { 3 ...
科大讯飞实时语音转文字vuejs版本
07-26
在这个项目中，我们将讨论如何利用Vue.js框架集成科大讯飞的WebAPI，实现一个实时语音转文字的应用。 Vue.js是一个轻量级的前端JavaScript框架，以其简洁的API和强大的组件化能力受到开发者喜爱。在构建实时语音转...
前端文字转语音，实现语音播报计数（调用百度api）
12-25
调用百度云的api实现文字转语音，每秒调用一次实现语音计数功能
WebSpeechJS:开始使用 webspeech 的简单工具集
06-06
WebSpeechJS 注意：这很粗糙，我稍后会处理，但现在，这个库仅用于学习目的。 我不会在生产中使用它！！！ 一种非常简单的入门方法 基本上，您可以开始使用示例索引页面或像这样初始化库： <!-- include the js file --> < script src =" path/to/js/webspeech.js " > </ script > < script > // when the window loads call the script var options = { startButton : $ ( '.start' ) , stopButton : $ ( '.stop' ) , tmpOutput : $ ( '.tmp' ) , finalOutput : $ ( '.f
新版PHP在线文字转语音合成源码
07-08
总结，新版PHP在线文字转语音合成源码是通过结合PHP的网络请求功能和百度的语音API，实现将用户输入的文字实时转化为语音输出。这种技术不仅丰富了Web应用的功能，也为视觉障碍者和其他特殊群体提供了便利，具有广泛...
纯js实现的语音播报无需第三方接口
11-23
纯JS实现的语音播报是利用了浏览器内置的Web Speech API，通过创建和操作`SpeechSynthesisUtterance`对象，我们可以控制语音的发音、速度、音调等特性，无需依赖任何第三方服务，实现了一种自给自足的文本转语音方案...
Talkify:Javascript文字转语音库
05-27
一个JavaScript文字转语音（TTS）库。 最初来自并由其使用。 在几分钟之内为您的网站发出声音。 Talkify库为您提供多种语言的高质量文本语音转换（TTS）语音。 要使用我们的后端服务（我们的托管声音），您将需要...
JS实现TTS语音播报
qq_41199852的博客
05-15 1794
JS实现TTS语音播报 function speckText(str){ 　　 //var request= new URLRequest(); var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" + encodeURI(str); // baidu //url = "http://translate.google.cn/transl
javascript调用TTS实现语音播报html文本信息
热门推荐
知行合一
12-12 1万+
<HTML> <HEAD> <meta charset="UTF-8"> <SCRIPT LANGUAGE="JavaScript"> // Create the Sapi SpVoice object var VoiceObj = new ActiveXObject("Sapi.SpVoice"); </SCRIPT> <SCRIPT
web文字转语音
前端小白的逆袭
10-21 3519
第一种：百度文字转语音开放API 参数 接口：http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字 lan=zh：（语言zh:中文；en:英文；fr:法文；） ie=UTF-8：（字符集） per=3（每3个字符停顿） spd=2：（语音播放速度，数字越大越快0-15） text=’’：（需要转换的文字） 示例： async say1() { const url = ‘http://tts.bai
vue文字转语音播报
08-29
你可以使用Vue.js结合Web Speech API来实现文字转语音播报功能。以下是一个简单的示例代码： 首先，在Vue组件中引入Web Speech API： ```html <template> <div> <textarea v-model="text"></textarea> <button @click="speak">播放</button> </div> </template> <script> export default { data() { return { text: "" }; }, methods: { speak() { const speech = new SpeechSynthesisUtterance(this.text); speech.lang = "zh-CN"; // 设置语言为中文 speech.volume = 1; // 设置音量（0到1之间的值） speech.rate = 1; // 设置语速（0.1到10之间的值） speech.pitch = 1; // 设置音调（0到2之间的值） speechSynthesis.speak(speech); } } }; </script> ``` 然后，在需要使用该组件的地方进行引用： ```bash <template> <div> <TextToSpeech></TextToSpeech> </div> </template> <script> import TextToSpeech from "@/components/TextToSpeech.vue"; export default { components: { TextToSpeech } }; </script> ``` 这样，你就可以在Vue应用中使用文字转语音播报功能了。用户可以在文本框中输入文字，点击按钮后会通过浏览器进行语音播放。记得在支持Web Speech API的浏览器中测试该功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值