html+js 音乐播放
时间: 2023-05-30 11:03:41 浏览: 65
以下是一个简单的HTML和JavaScript音乐播放器:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>音乐播放器</title>
</head>
<body>
<audio id="music" controls></audio>
<ul>
<li><a href="#" onclick="playMusic('song1.mp3')">歌曲1</a></li>
<li><a href="#" onclick="playMusic('song2.mp3')">歌曲2</a></li>
<li><a href="#" onclick="playMusic('song3.mp3')">歌曲3</a></li>
</ul>
<script>
function playMusic(src) {
var music = document.getElementById('music');
music.src = src;
music.play();
}
</script>
</body>
</html>
```
该代码包括一个`<audio>`元素和一个链接列表。当用户点击链接时,JavaScript函数`playMusic()`将设置`<audio>`元素的`src`属性并播放音乐。`controls`属性添加了一个简单的播放器UI。