HTML5 тэг <audio>

В этом уроке мы попробуем применить HTML5 тег audio, этот тег позволяет воспроизвести аудио файл без использования Flash и JavaScript, единственный минус это наверное то что HTML5 как и CSS3 работает пока не во всех браузерах, а не работают они в сравнительно старых браузерах и во всех IE это что касается популярных браузеров, на счет непопулярных не знаю проверяйте сами.

• src – адрес к воспроизводимому файлу (адрес конечно валидный)
• autobuffer – тип этого атрибута логический (boolean) то есть да или нет, определяет будет ли воспроизводимый файл предварительно заноситься в буфер или нет
• autoplay – тоже логический тип, определяет будет ли файл воспроизводится сразу при открытии страницы либо после нажатия кнопки play
• controls – логический тип, показывает или скрывает панель для управления аудио файлом то есть плай, пауза и т.д.

С синтаксисом наверное все, но также нужно отметить что разные браузеры поддерживают разные кодеки допустим:
Safari 4 – wav, mp3
FireFox 3.5 – ogg, wav
chrome 3 – ogg, mp3
Ну про остальные браузеры я не знаю . Сейчас я покажу вам пример работы этого тега:
Во первых вам нужен будет аудио файл, я думою у всех есть , далее вам придется конвертировать из него mp3 и ogg так как разные браузеры поддерживают различные кодеки, затем вам нужно будет расположить эти два аудио файла в той же директории в которой будет находится ваша страница, что бы не писать абсолютный адрес к файлу.
После чего создаем html файл и между тегами body пишем следующий код:

здесь file это название вашего аудио файла ну и после точки соответствующий формат source мы написали два раза для того что бы каждый браузер мог прочитать свой вид кодека. Так как autoplay и controls имеют логический тип мы их просто указываем в открывающемся теге, хотя можно было написать и так autoplay=”autoplay” controls=”controls”. Ну вот наверное и все смотрите демо с песенкой