博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js将文字转化为语音并播放
阅读量:5869 次
发布时间:2019-06-19

本文共 1547 字,大约阅读时间需要 5 分钟。

js将页面中的某些文字信息转化为语音并自动播放

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度地图将文字转化为语音并播放</title>
<!-- 这里调用的是百度文字转语音开放API -->
</head>
<body>
<div>
<input type="text" id="ttsText">
<input type="button" id="tts_btn" οnclick="doTTS()" value="播放">
</div>
<div id="bdtts_div_id">
<audio id="tts_autio_id" autoplay="autoplay">
<source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&amp;ie=UTF-8&amp;spd=5&amp;per=1&amp;text=请输入文字" type="audio/mpeg">
<embed id="tts_embed_id" height="0" width="0" src="">
</audio>
</div>
</body>
<script src="jquery-1.8.3.min.js"></script>
<script>
/*function doTTS() {
var ttsDiv = document.getElementById('bdtts_div_id');
var ttsAudio = document.getElementById('tts_autio_id');
var ttsText = document.getElementById('ttsText').value;

// 文字转语音

ttsDiv.removeChild(ttsAudio);
var au1 = '<audio id="tts_autio_id" autoplay="autoplay">';
var sss = '<source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&per=3&spd=5&text=' + ttsText + '" type="audio/mpeg">';
var eee = '<embed id="tts_embed_id" height="0" width="0" src="">';
var au2 = '</audio>';
ttsDiv.innerHTML = au1 + sss + eee + au2;

ttsAudio = document.getElementById('tts_autio_id');

ttsAudio.play();

}*/

/*

代码中改变传参可更改配置:

lan=zh(语言zh:中文;en:英文;fr:法文;)

ie=UTF-8(字符集)

per=3(每3个字符停顿)

spd=5(语音播放速度,数字越大越快0-15)

text=“”(需要转换的文字)*/

var msg = new SpeechSynthesisUtterance("hello everyone");
console.log(msg);
window.speechSynthesis.speak(msg);

 

</script>

</html>

  

转载于:https://www.cnblogs.com/lvxisha/p/9940076.html

你可能感兴趣的文章
10 种最常见的 Javascript 错误(频率最高)
查看>>
设计模式学习专栏七--------外观模式
查看>>
上海招聘职位信息
查看>>
3-25 周末总结
查看>>
学习vue笔记
查看>>
IDE顺手设置
查看>>
记一次翻译站经历
查看>>
JavaWeb项目中没有错,但是项目上面显示一个红叉的解决办法
查看>>
JavaScript 复习之语法专题
查看>>
重学Android——基于Android9.0的Activity启动流程
查看>>
前端必备技能-Charles for mac 安装和配置
查看>>
关于一天内时针分针重合次数
查看>>
数组 JSON字符串 数组过程中的问题
查看>>
各平台安装使用 MTR 诊断网络
查看>>
Flutter 支持图片以及特殊文字的输入框(一)使用方法
查看>>
武汉区块链软件公司:区块链将改动游戏工业的五种方法
查看>>
Ubuntu 16 04 LTS 完美安装QQ
查看>>
精彩展览这么多 我要去博物馆看看
查看>>
一致性模型之Sequential Consistency
查看>>
java 设计模式
查看>>