Vue中播放音频和语音合成
利用audio标签播放音频语音合成
·
利用audio标签播放音频
1,把音频文件notify.mp3放到public目录, mp3 wav ogg 都放上兼不同的浏览器
2,添加如下标签
<audio controls ref="notify">
<source src="notify.wav" />
<source src="notify.mp3" />
</audio>
3,在方法里面调用播放
playAlarm() {
this.$refs.notify.play()
// 另外一种方式: 效果不好
// let audio = new Audio()
// audio.src = 'notify.mp3'
// audio.play()
},
语音合成
不需要网络,离线JavaScript语音合成
<!doctype html>
<html lang="zh">
<body>
<button onclick="speak();">语音合成</button>
<script>
function speak() {
var utterThis = new window.SpeechSynthesisUtterance()
utterThis.lang = "zh-CN";
utterThis.text = "这是一段测试用的语音";
window.speechSynthesis.speak(utterThis)
}
speak();
</script>
</body>
</html>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献4条内容
所有评论(0)