根据需求，需要在H5页面中做一个语音播报的功能，具体采用百度接口实现，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百度语音播报</title>
</head>
<body>
<script>
//demo示例
/* var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=微信收款10元"
var n = new Audio();
n.src = url;
n.play(); */
voiceBroadcast("微信收款10元");
//每隔一分钟播报一次
/* var voiceBroadcastTimer = $interval(() => {
// $scope.voiceBroadcast("微信收款10元");
console.log("123")
}, 6000); */
//关闭页面时清除定时任务
/* $scope.$on('$destroy', () => {
$interval.cancel(voiceBroadcastTimer);
}); */
function voiceBroadcast(text){
var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" + encodeURI(text); // baidu文字转语音
var audio = new Audio(url);
audio.src = url;
audio.play();
};
</script>
</body>
</html>
不会，我可以学；落后，我可以追赶；跌倒，我可以站起来！我一定行！
![主流浏览器四大综合性能测试[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)