vue2使用audios，实现音频播放
本文介绍了在Vue项目中实现音频播放功能的方法：1.在模板中添加audios标签并绑定音频路径；2.在return中引入音频文件；3.在触发事件中直接调用play()方法播放。注意事项包括：确保音频后缀为小写.mp3、保持触发节点一致、避免单独封装播放函数。该方法通过$refs直接调用音频播放，简洁高效。
·
1.在template模板中添加audios标签
<div>
<audio ref="audios" :src="mp3url" />
</div>2.在return函数中引入音频文件
mp3url: require('../../../assets/music/kawaSound.mp3')3.在要触发播放的代码中触发播放功能
floatingLoadBearingSlip(newVal, oldVal) {
this.animationOfMovingLoadBearingSlipSwitch(newVal)
// 播放声音
this.$refs.audios.play()
}注意事项
1.注意音频文件的后缀必须是小写的.mp3 ,如果不是请重名文件后缀！
2.触发时的节点要一致
3.触发播放函数不要单独封装，直接使用this.$refs.audios.play()来触发
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)