网页实现文字转语音朗读功能

使用HTML5的Speech Synthesis API能简单实现语音合成，并进行播报，实现代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>网页实现文字转语音朗读功能</title>
</head>
<body><button onclick="play()">朗读</button><script>var utterThis = new SpeechSynthesisUtterance();utterThis.text = "hello word";utterThis.volume = 1; // 声音的音量 范围是0到1utterThis.rate = 0.7; //语速，数值，默认值是1，范围是0.1到10mutterThisg.pitch = 0; // 音高，数值，范围从0（最小）到2（最大）。默认值为1function play() {speechSynthesis.speak(utterThis);}</script>
</body>
</html>

网页实现文字转语音朗读功能相关推荐

怎么把文字转换成朗读，快来看这几款文字转语音朗读工具
在日常的生活中,我们经常会遇到将文字转换成语音的情况,比如自制有声小说.给视频配音等等,当然我们还会自己手动进行配音.但是如果没有专业的设备和配音环境,是很难配出很好的效果,那该怎么办呢?其实也不难, ...
html增加语音朗读功能,给wordpress主题添加上语音播放文章内容文本朗读功能
摘要:大挖最近在淘wp主题的时候发现一款主题已经支持了语音朗读功能7b2,大挖一直关注的一些产品和运营网站也陆续上线了语音播放... 大挖最近在淘wp主题的时候发现一款主题已经支持了语音朗读功能7b2 ...
怎么实现文字转语音朗读？这几个小技巧快来码住
在我们的日常办公和学习中,免不了经常要对着大量资料进行阅读浏览的现象.久而久之我们的眼睛也会受到影响.那有什么方法可以减少眼睛的使用,从而保护眼睛呢?有些聪明的小伙伴,会把"看"变 ...
文字转语音朗读如何操作？手把手教你如何将文字转语音
有些小伙伴喜欢在闲暇时间看小说来打发时间,特别是上下班通勤这个时间段,不过每当这个时候都是高峰期,经常出现腾不开手看小说的现象,所以面对这种情况,有声小说就是一个不错的选择. 但有时喜欢的小说比较小众 ...
好物推荐：文字转语音朗读软件哪个好？
不知道大家有没有像我一样的,对"语音播放"."语音朗读"是又爱又恨的.有时工作繁忙,而同事或客户发来语音资料需要整理时,就会很烦躁,因为语音的整理起来比文字的繁 ...
这几个文字转语音朗读软件很好用
大家平时在闲暇时,会不会看一些报刊新闻来了解时事?在大数据时代下,我们每天都能看到很多不重样的热点新闻.不过有的时候,我们并非能时时刻刻都能看新闻,特别是当我们开车或是在上下班通勤的时候,我们很难抽空 ...
每日推荐：文字转语音朗读软件
近年来,随着人工智能技术的不断发展,文字转语音技术也得到了广泛的应用.文字转语音朗读软件作为其中一种便捷的工具,可以帮助我们将文本内容转换成语音,实现语音朗读的操作.在许多场景中,我们需要将文字转换成 ...
文字转语音朗读怎么操作？
不知道你们是否喜欢听有声小说,做家务的时候或者睡前听一听,不过你们是否有个同样的困扰--找不到想听的小说语音包,然后自己想制作一个来听一听,那问题来了,文字转语音朗读该怎么操作呢?不用担心,我可是听有 ...
关于Google翻译和语音朗读功能无法正常使用的说明
关于Google翻译和语音朗读功能无法正常使用的说明 2022年10月1日,Google突然停止了Google翻译在中国大陆的业务,不再向中国大陆区域提供翻译服务,官方给出的理由是"因为使用 ...

网页实现文字转语音朗读功能

网页实现文字转语音朗读功能相关推荐

最新文章

热门文章