利用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>
# javascript
Logo
EazyDevelop社区

一站式 AI 云服务平台

更多推荐

探秘深海：一款强大的深度学习框架——DeepSea

在人工智能领域中，深度学习是推动科技进步的一股强大动力。今天，我们要向大家推荐的是一个专为深度学习爱好者和开发者打造的强大框架——DeepSea。该项目由Team-Neptune团队开发，并托管在Gitcode平台上，旨在简化和加速深度学习模型的研发过程。## 技术分析### 灵活的架构设计DeepSea采用模块化的设计，允许用户根据需求选择不同的组件，如优化器、损失函数等，以构建定制

avatar EazyDevelop社区
cover

从零开始搭建个人RAG知识库：RAGFlow+DeepSeek保姆级教程！

avatar EazyDevelop社区

taosync：适用于AList v3的自动化同步工具

在现代生活中，数据同步和备份已成为维护数据安全的关键环节。taosync是一款专为AList v3设计的自动化同步工具，能够帮助用户轻松地同步和备份他们的数据到多个网盘或FTP存储服务。这款工具的开发初衷是为了保存孩子的成长照片，其名称“taoSync”也因此而来。taosync以开源免费的形式提供，支持几乎所有的常用平台，并且提供了完善的日志记录、任务管理以及安全的密码加密功能。## 项目技

avatar EazyDevelop社区