Как использовать Javascript для воспроизведения файла MP3

Существует несколько способов встраивания и воспроизведения аудиофайлов MP3 на веб-страницах. Устаревший тег «встроить» в HTML, различные проигрыватели Flash и проигрыватели на основе Java — все это примеры. Стандарт HTML5, с его упором на сценарии и отсутствием зависимости от стороннего программного обеспечения, предлагает наиболее совместимый способ встраивания и воспроизведения MP3-файлов на веб-страницах в будущем. Вставьте файл MP3 с объектом "аудио" HTML5, а затем используйте функцию JavaScript, чтобы начать его воспроизведение

Шаг 1

Добавьте следующий код в тело HTML-документа:

Этот код внедряет и загружает файл MP3, но не воспроизводит его. Значение тега "src" содержит путь и имя файла MP3.

Шаг 2

Добавьте следующий код JavaScript между тегами "head" вашего HTML-документа:

Эта функция при вызове получает доступ к элементу "аудио" по его идентификатору ("mp3") и использует метод play() для его воспроизведения.

Шаг 3

Добавьте на веб-страницу кнопку для вызова функции «playMP3», когда пользователь щелкает ее. Добавьте следующий код в тело HTML-документа:

Измените атрибут "значение", чтобы присвоить кнопке другое название.

Шаг 4

Используйте следующую функцию вместо «playMP3», чтобы пользователь мог приостановить воспроизведение файла после его запуска:

function playpauseMP3(){ if(document.getElementById("mp3").paused){ ​​document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); }

Измените атрибут onClick тега input на шаге 3, чтобы он соответствовал имени этой функции.