利用JavaScript帮我写一个音乐播放器
时间: 2023-08-28 21:39:01 浏览: 41
好的,下面是一个简单的音乐播放器的 JavaScript 代码示例:
HTML 代码:
```html
<audio id="audio-player" src="music.mp3"></audio>
<button id="play-btn">播放</button>
<button id="pause-btn">暂停</button>
<button id="stop-btn">停止</button>
```
JavaScript 代码:
```javascript
const audioPlayer = document.getElementById('audio-player');
const playBtn = document.getElementById('play-btn');
const pauseBtn = document.getElementById('pause-btn');
const stopBtn = document.getElementById('stop-btn');
playBtn.addEventListener('click', () => {
audioPlayer.play();
});
pauseBtn.addEventListener('click', () => {
audioPlayer.pause();
});
stopBtn.addEventListener('click', () => {
audioPlayer.pause();
audioPlayer.currentTime = 0;
});
```
上面的代码创建了一个 `audio` 元素,并为其设置了一个音频文件地址。然后,分别获取了三个按钮元素,为它们分别绑定了点击事件,当点击不同的按钮时,会分别调用 `play()`、`pause()` 和 `stop()` 方法来控制音频的播放、暂停和停止。其中,停止操作需要手动将 `currentTime` 属性设置为 0,以确保下一次播放时从头开始播放。