js仿qq音乐播放器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Music Player</title>
    <style>
        /* 播放器样式 */
        #player {
            width: 300px;
            margin: 0 auto;
        }
        #controls {
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="player">
        <audio id="audio" src="path_to_your_music_file.mp3"></audio>
        <div id="controls">
            <button onclick="playPause()">Play/Pause</button>
            <input type="range" id="volume" min="0" max="1" step="0.1" onchange="setVolume(this.value)">
        </div>
    </div>

    <script>
        var audio = document.getElementById('audio');

        function playPause() {
            if (audio.paused || audio.ended) {
                audio.play();
            } else {
                audio.pause();
            }
        }

        function setVolume(volume) {
            audio.volume = volume;
        }
    </script>
</body>
</html>