javascript音乐播放器

JavaScript 音乐播放器是一种使用 JavaScript 语言编写的 web 应用程序，通常结合 HTML 和 CSS，用于在浏览器中播放音频或视频文件。它可以让用户控制音乐播放、暂停、上一曲、下一曲、音量调整等操作。以下是一些基本的实现步骤：

1. **HTML结构**：创建一个包含音频元素（`<audio>`）和控制按钮的布局。

<audio id="music-player" src="song.mp3"></audio>
<button onclick="playMusic()">Play</button>
<button onclick="pauseMusic()">Pause</button>

2. **JavaScript交互**：添加事件监听器和函数来处理用户交互。

let audio = document.getElementById('music-player');
let isPlaying = false;

function playMusic() {
    if (!isPlaying) {
        audio.play();
        isPlaying = true;
    }
}

function pauseMusic() {
    if (isPlaying) {
        audio.pause();
        isPlaying = false;
    }
}

3. **额外功能**：可以添加进度条、循环播放、随机播放、音量控制等功能。使用 `addEventListener` 添加事件监听器，如 `timeupdate` 来显示进度。

audio.addEventListener('timeupdate', function() {
    let progress = (audio.currentTime / audio.duration) * 100;
    // 更新进度条
});

4. **样式美化**：用 CSS 为按钮和控制组件添加样式，提高用户体验。