js实现网站文本朗读（文字转语音）

<div class="div"><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p><p>你好，世界！</p></div><div class="btn">播放</div>

需要引入jquery-1.8.1.min.js（那个版本都行）

var app = {audioOff: true,outer: $('.div p'),index: 0,//初始值msg: new SpeechSynthesisUtterance(),content: '语音播报结束',//文字内容onInit() {app.content = app.outer.eq(app.index).text();this.event();},configure() {app.msg.text = app.content;app.msg.lang = "zh-CN";//使用的语言:中文app.msg.volume = 1;//声音音量:0-1app.msg.rate = 0.8;//语速:0.1-10app.msg.pitch = 0.8;//音高:0-2app.play();},play() {console.log("语音播报");speechSynthesis.speak(app.msg);app.onend();},// 暂停stop() {speechSynthesis.stop(app.msg);},// 结束onend() {app.msg.onend = () => {console.log("语音播报结束");app.index += 1;if (app.index <= (app.outer.length - 1)) {app.content = app.outer.eq(app.index);app.outer.eq(app.index).css({'color': 'red',});app.configure();}};},// 事件event() {$('body').on('click', '.btn', function () {console.log("语音");app.configure();});}}app.onInit();

js实现网站文本朗读（文字转语音）相关推荐

计算机将文本朗读出来应用语音,还有这种操作？一分钟轻松把文字变成语音，手机电脑都可以！...
原标题:还有这种操作?一分钟轻松把文字变成语音,手机电脑都可以! 有的时候,我们不想看文字的时候,就想用耳朵来听,所以现在很多人更喜欢听电台听故事.可是我们的文件没有声音啊,怎么才能把文字变成语音读出 ...
【PC工具】更新文字转语音、文字文本朗读工具，语音朗读软件，TTS语音合成...
公众号关注 "DLGG创客DIY" 设为"星标",重磅干货,第一时间送达. 昨天在群里嫖到一个在线的文字转语音(TTS)工具,不敢独享拿来分享.上次分享的文字转 ...
【PC工具】文字文本朗读工具，语音朗读软件，TTS语音合成
今天分享一个文本朗读工具,即可以输入一些文字或是一段文字或是几句话,然后电脑(软件)把这些文字有一定语气的朗读出来. 这种软件应该是用到了这几年比较火热的云计算技术.这几年来,云计算平台可以说层出不穷 ...
计算机将文本朗读出来应用语音,如何实现电脑语音朗读文字？可以选择两种方法...
眼睛长时间对着电脑会让人觉得疲劳,到了休息时间想要放松心情,看看小说,又担心影响视力,怎么办?很简单,我们可以直接选择"听书",除了借助语音朗读软件,还有其他方法,下面小编来为大家 ...
计算机将文本朗读出来应用语音,你写我读_一边打字电脑将字朗读出来的软件 V1.2 最新免费版...
你写我读是一个实现让你一边打字电脑将字朗读出来的软件,只要让你写我读这款软件保持在打开状态,那么这个时候这个时候这个时候你在输入文字时,就会听到电脑的语音在读出你输入的文字,打完字的同时瞬间电脑就会读 ...
js / php 网站底部版权文字自动改变年份
js <script>document.write(new Date().getFullYear());</script> php <?php echo date(&qu ...
听文字 - win10系统最简单的txt自动语音阅读 - 在线txt文字转语音 - 刷题神器 - 听新闻的办法 - 人工智能语音朗读 - 文字转语音真人发声 - 粤语听txt文字 - 戴耳机刷题
效果图免费,高效,真人语音阅读.速度可控.方言/语言切换实现步骤创建xx.txt文件,内容自定在内容的最前面,加入代码: <pre> 在内容的最后面,加入代码: </pre& ...
js一段文本，文字一个字一个字出现，像打字一样
实现方式1 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF- ...
vue实现可编辑的文字_苹果还自带文字转语音，只要一键按下便可实现，今天分享给大家...
如果想将文字转成语音,那大家平时都是怎么操作?下面小编就为大家介绍手机,电脑上都可以使用的方法,让我们一起来看看吧! 一.手机端操作 1.苹果手机其实苹果手机就自带了文字转语音功能,只要打开手机,然 ...

js实现网站文本朗读（文字转语音）

js实现网站文本朗读（文字转语音）相关推荐

最新文章

热门文章