html无法正常播放MP3格式的音频及解决方案

问题描述：设计当鼠标悬停到标签上时，会播放对应的音频。

报错如下：Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

原因：在Chrome的现代版本中，您无法在默认情况下启用声音时自动播放视频。

解决方案：在audio标签属性下添加autoplay="autoplay"属性

<!-- 音频标签 -->
<audio src="./mp3/a1.mp3" controls="controls" autoplay="autoplay"></audio>

 补充：让对应的音乐播放,音乐播放的方法是属于DOM对象，所以使用get方法获取DOM对象。而eq(idnex)获取的是jquery对象。

参数：index为想要获取的元素的下标

// 播放
$("audio").get(index).play();