实现效果:点击图标播放指定文本
原本以为需要调用百度或者讯飞的API接口,基本功能免费
但是!!有种方法超简单的有木有!!!
http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字
参数说明:
lan=zh:语言是中文,如果改为lan=en,则语言是英文。
ie=UTF-8:文字格式。
spd=2:语速,可以是1-9的数字,数字越大,语速越快。
text=**:这个就是你要转换的文字。
满足基本需求是完全可以的!使用方法的demo:
点击button之后语音播放div里的文本:
<div id="showName"></div>
<input type="button" value="点击" οnclick="fun()">
<audio src="" autoplay="autoplay">
var arr = ["张三", "李四", "王五", "赵六", "刘德华", "张学友", "赵本山"];
var i;
i = Math.floor(Math.random() * 7);
var showBox = document.getElementById("showName");
var audio = document.getElementsByTagName("audio")[0]
showBox.innerText = arr[i]
var zhText; function fun() {
zhText = arr[i];
zhText = encodeURI(zhText); audio.src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=3&text="+zhText
}