Сегодня делаем так, что бы на сайте заиграла музыка, да так, что бы ещё можно было громкость регулировать и на паузу ставить.
Казалась задача не из легких, но на самом деле всё проще некуда.

Способов вставить музыку полно, это и 

<bgsound></bgsound>

и

<embeded></embeded>

Но нас интересует сегодня html5, а значит будем применять тег

<audio> </audio>

Вот какие у этого тега есть атрибуты:

autoplay

Логический атрибут. По умолчанию false. Если он указан (даже если значение "false"!), то звук автоматически начнет воспроизведение, не дожидаясь загрузки всего звукового файла.

controls

Если этот атрибут присутствует, то в этом месте браузер выведет элементы управления воспроизведением.

loop

Логический атрибут; если он указан, то аудио файл будет зациклен.

mozCurrentSampleOffset

Смещение, заданное с начала звукового файла.

muted

Логический атрибут, который указывает на то, будет ли звук. По умолчанию false.

preload

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

• none: Указывает на то, что звук не должен быть предварительно загружен;
• metadata: Указывает на то, что извлекаем только аудио метаданные (например, длина аудио);
• auto: Указывает на то, что весь звуковой файл может быть загружен, даже если пользователь не будет использовать его;
• пустая строка: синоним значения auto.

Если он не установлен, то его значение по умолчанию определяет браузер (т.е. каждый браузер может иметь свое собственное значение по умолчанию). Спецификация советует ему metadata, но браузеры такие браузеры.

src

Этот атрибут содержит значение, а именно ссылку на аудио файл Этот тег как ни странно не является обязательным; вы можете вместо этого использовать тег , чтобы иметь несколько источников.

volume

Громкость воспроизведения, в диапазоне от 0,0 (тишина) до 1,0 (самый громкий).

Ну и пара примеров на последок

<audio autoplay="" src="http://developer.mozilla.org/AudioTest_(1).ogg">
    Ваш браузер не поддерживает теги HTML5 аудио.
</audio>

 

<audio controls>
    <source src="audio.mp3" type="audio/mpeg" />
    <source src="audio.ogg" type="audio/ogg" />
    <source src="audio.wav" type="audio/wav" />
         Ваш браузер не поддерживает теги HTML5 аудио.
</audio>