Добавление аудио на веб-страницу HTML

Вот несколько способов добавления звука на веб-страницу HTML:

  1. Аудио-элемент HTML5:
    Элемент HTML5 позволяет встраивать аудиоконтент непосредственно на вашу веб-страницу. Вы можете указать источник звука с помощью атрибута srcи управлять воспроизведением с помощью различных методов JavaScript.

    <audio src="audiofile.mp3" controls>
 Your browser does not support the audio element.
</audio>

  2. Элемент HTML5 :
    Элемент используется внутри элемента для указать несколько источников звука для разных форматов. Это позволяет браузеру выбрать подходящий формат в зависимости от его совместимости.

    <audio controls>
 <source src="audiofile.mp3" type="audio/mpeg">
 <source src="audiofile.ogg" type="audio/ogg">
 Your browser does not support the audio element.
</audio>

  3. Встраивание аудио с помощью :
    Элемент можно использовать для встраивания аудиофайлов в веб-страницу. Этот метод совместим со старыми браузерами, которые не поддерживают аудиоэлемент HTML5.

    <embed src="audiofile.mp3" autostart="false" width="0" height="0" loop="false">

  4. Использование элемента .
    Элемент  — это еще один способ встраивания аудиофайлов. Он предоставляет запасные варианты для браузеров, которые не поддерживают аудио HTML5.

    <object data="audiofile.mp3" type="audio/mpeg" width="300" height="45">
 <embed src="audiofile.mp3" type="audio/mpeg" width="300" height="45">
</object>