Список вопросов по HTML

       

Как вставить музыку (MIDI, WAV, MP3) в HTML файл?


Вообще говоря, проигрывание музыки является вторжением в приватное пространство пользователя, который может в момент захода на вашу страничку наслаждаться звучанием своего любимого CD или WinAmp. Поэтому нужно сначала спросить его, хочет ли он слушать нашу музыку, а уж потом, если он согласен, запустить ее.

Hачнем с MP3. Файл с таким расширением (*.mp3) и в таком формате современные браузеры не способны воспроизводить как фоновый звук. Решение проблемы несложно: нужно преобразовать обычный MP3 в закодированный MPEG 1 Layer 3 файл WAV с RIFF-заголовком. Такой файл абсолютно совпадает с исходным MP3, за исключением нескольких начальных десятков байт, и занимает практически столько же места - но, при наличии в системе кодека MP3, спокойно воспроизводится браузером, который считает его обычным WAV. Добавить RIFF-заголовок позволяет большинство программ для генерации MP3.

Поэтому будем считать, что файл с нашей музыкой имеет расширение wav или mid.

Вставляем в <head> такой скрипт:

<script language="JavaScript" type="text/javascript"><!-- var musicURL='mymusic.mid';// путь к файлу с музыкой function doMusic() { musicTag=(navigator.appName=='Microsoft Internet Explorer')?      '<bgsound src="'+musicURL+'" />':      '<embed src="'+musicURL+'" hidden="true" autostart="true" loop="true" />';    if (confirm('Хотите ли Вы услышать музыку?')) document.write(musicTag); } //--></script>

А где-нибудь в конце документа вставьте скрипт:

<script language="JavaScript" type="text/javascript"><!-- doMusic(); //--></script>



Содержание раздела