μ_μ

Visits: Loading... |

Matrix Music Player
0:00

Copy Music Player Code<div id="matrix-player" style="background-color: black; color: #00ff00; font-family: monospace; text-align: center; padding: 20px; border: 2px solid #00ff00; border-radius: 10px; width: 300px; box-shadow: 0 0 15px #00ff00; margin: 20px auto;">
  <h2 style="margin-bottom: 10px; text-shadow: 0 0 10px #00ff00;">Matrix Music Player</h2>
  <audio id="audio" src="your-audio-file.mp3"></audio>
  <button id="play" style="background: black; color: #00ff00; border: 1px solid #00ff00; padding: 10px 20px; margin: 10px 5px; cursor: pointer; border-radius: 5px; text-shadow: 0 0 10px #00ff00;">Play</button>
  <button id="pause" style="background: black; color: #00ff00; border: 1px solid #00ff00; padding: 10px 20px; margin: 10px 5px; cursor: pointer; border-radius: 5px; text-shadow: 0 0 10px #00ff00;">Pause</button>
  <br>
  <input id="seekBar" type="range" value="0" step="1" min="0" style="width: 90%; margin: 10px 0; background: #00ff00;">
  <p id="currentTime" style="margin: 0;">0:00</p>
</div>

<script>
  const audio = document.getElementById('audio');
  const playButton = document.getElementById('play');
  const pauseButton = document.getElementById('pause');
  const seekBar = document.getElementById('seekBar');
  const currentTimeDisplay = document.getElementById('currentTime');

  playButton.addEventListener('click', () => audio.play());
  pauseButton.addEventListener('click', () => audio.pause());

  audio.addEventListener('timeupdate', () => {
    seekBar.max = Math.floor(audio.duration || 0);
    seekBar.value = Math.floor(audio.currentTime);
    const minutes = Math.floor(audio.currentTime / 60);
    const seconds = Math.floor(audio.currentTime % 60).toString().padStart(2, '0');
    currentTimeDisplay.textContent = `${minutes}:${seconds}`;
  });

  seekBar.addEventListener('input', () => {
    audio.currentTime = seekBar.value;
  });
</script>
  Code Copied!

Your IP: