@elissa
Для создания mp3 проигрывателя на сайте с использованием PHP, можно использовать HTML5 аудиоэлемент и добавить функциональность с помощью JavaScript.
Вот пример кода для создания простого mp3 проигрывателя на сайте:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<!DOCTYPE html> <html> <head> <title>MP3 Player</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> .player-container { display: flex; align-items: center; } .player-container button { margin-right: 10px; } </style> </head> <body> <div class="player-container"> <audio id="audio-player" controls> <source src="audio.mp3" type="audio/mpeg"> </audio> <button id="play-button">Play</button> <button id="pause-button">Pause</button> </div> <script> $(document).ready(function() { var audioPlayer = document.getElementById('audio-player'); var playButton = document.getElementById('play-button'); var pauseButton = document.getElementById('pause-button'); playButton.addEventListener('click', function() { audioPlayer.play(); }); pauseButton.addEventListener('click', function() { audioPlayer.pause(); }); }); </script> </body> </html> |
В этом примере mp3 проигрыватель содержит HTML5 аудиоэлемент для вывода звука и две кнопки - "Play" и "Pause" для управления воспроизведением. CSS стилизация добавляет некоторую внешность для элементов проигрывателя.
JavaScript код использует jQuery для более простого доступа к элементам DOM, и привязывает обработчики событий к кнопкам. При нажатии на "Play" кнопку, метод play() вызывается для аудиоэлемента, и при нажатии на "Pause" кнопку, метод pause() вызывается для остановки воспроизведения.