html点击文字播放音乐
时间: 2023-12-02 19:01:37 浏览: 71
你可以使用HTML5的<audio>标签来实现点击文字播放音乐的功能。以下是一个示例代码:
```
<audio id="myAudio">
<source src="music.mp3" type="audio/mpeg">
</audio>
<p onclick="document.getElementById('myAudio').play()">点击我播放音乐</p>
```
在这个例子中,我们首先定义了一个audio标签,并给它一个唯一的ID“myAudio”。然后,我们添加了一个<source>标签,用于指定音频文件的路径和类型。在这个例子中,我们使用了一个名为“music.mp3”的文件。
最后,我们创建了一个<p>标签,并在其上添加了一个onclick事件,当用户点击它时,触发JavaScript函数document.getElementById('myAudio').play(),该函数会将音乐播放器的状态设置为“播放”。
你可以根据需要修改代码中的音频文件路径和类型,以及文字内容和样式。
阅读全文