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

click fraud protection
...

Используйте функцию JavaScript, чтобы посетители веб-сайта могли проигрывать MP3.

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

Шаг 1

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

Видео дня

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

функция playpauseMP3 () {если (document.getElementById ("mp3"). paused) {document.getElementById ("mp3"). play (); } else {document.getElementById ("mp3"). pause (); } }

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