浏览器API 文字转语音

speechSynthesis

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><form action=""><input type="text" class="txt"  ><label for="rate">语音速度</label><input type="range" min="0.5" max="2" value="1" step="0.1" id="rate"><label for="pitch">音调</label><input type="range" min="0" max="2" value="1" step="0.1" id="pitch"><button type="submit">文字转语音</button></form><select></select>
</body>
</html><script>const voiceSelect = document.querySelector('select');const rate = document.querySelector('#rate');const pitch = document.querySelector('#pitch');let voices = [];const synth = window.speechSynthesis;synth.addEventListener('voiceschanged', () => {voices = synth.getVoices();for (let i = 0; i < voices.length ; i++) {const option = document.createElement('option');option.textContent = `${voices[i].name} (${voices[i].lang})`;if (voices[i].default) {option.textContent += ' — DEFAULT';}option.setAttribute('data-lang', voices[i].lang);option.setAttribute('data-name', voices[i].name);voiceSelect.appendChild(option);}});document.querySelector('form').onsubmit = function (e) {e.preventDefault();const word = document.querySelector('.txt').value;let utterThis = new SpeechSynthesisUtterance(word);const selectedOption = voiceSelect.selectedOptions[0].getAttribute('data-name');for (let i = 0; i < voices.length ; i++) {if (voices[i].name === selectedOption) {utterThis.voice = voices[i];}}utterThis.pitch = pitch.value;utterThis.rate = rate.value;synth.speak(utterThis);}// synth.pending 同时播放两条语音，第一条在播放，第二条则在队列中，返回true// synth.speaking 是否有语音在播放// synth.resume 置于非暂停状态
</script>

浏览器API 文字转语音相关推荐

百度api文字转语音效果
文字转语音接口: http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=需要转语音的文字参数说明: lan=z ...
讯飞语音api 文字转语音生成MP3遇到的bug
项目场景: 最近做前端我遇到一个令人头疼的bug,请教了我们工作室的前端大佬也没能解决根本问题,最后发现是后端的问题,而且还挺难发现的.因为这个bug花了我不少时间,我也不能让自己头发白掉所以就记录一 ...
python 调用百度api 文字转语音
先创建一个应用然后把appid apikkey secretkey填入以下代码 from aip import AipSpeech""" 你的 APPID AK SK ...
怎么把文字转语音？这三个方法教你搞定文字转语音
相信大家对这个问题并不陌生吧!当我们在写论文或者工作时,会有很多的文件需要查阅,长时间盯着文字看难免会觉得眼睛疲劳,其实这时候我们可以将文字内容转换成语音播放出来,就能解放双眼双手,那么我们怎么把文字 ...
让图片说出声音来(利用讯飞API实现图片转文字和文字转语音)
k思路:调用讯飞的图片识别和语音输出的API实现图片转文字和语音 **APPID,APIKey,APISecret自己在讯飞网站注册即可**,免费使用的,填在img_audio.php文件最后对应的位 ...
html识别文字转语音,Speech Synthesis API入门 - web前端识别文字转语音
Speech Synthesis API非常容易实现.事实上,只需两行代码即可让您的网络应用与用户交流.const msg = new SpeechSynthesisUtterance("h ...
文字转语音的api接口
话不多说,直接干货一.百度接口实现免费文字转语音 http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=4&text=你好啊 ...
百度语音api的文字转语音，语音转文字-yellowcong
百度语言api的实现中,我发现坑爹了,文字转语音很容易的就实现了,但是语言转文字,就坑死了,我后来发现是音频文件的问题,mp3的文件百度云不支持,后来才搞明白,百度支持pcm的,需要将mp3的转化为p ...
文字转语音 - 搭建微软tts整合web服务提供api接口（免费）
微软tts是业界公认文字转语音效果最佳本文使用docker搭建微软tts服务并提供api接口对外提供服务对接官方免费在线体验接口,搭建后可免费进行调用使用,不保证永久稳定可用调用方式 url:h ...
ios 原生语音识别,百度翻译API使用,原生文字转语音播报
若有不正之处,希望大家不吝赐教,谢谢! 原生语音识别所需: 首先需要再plist文件中加入: Privacy - Speech Recognition Usage Description 需要使用si ...

浏览器API 文字转语音

speechSynthesis

浏览器API 文字转语音相关推荐

最新文章

热门文章