Если вы хотите воспроизводить музыку, еще не размещённую в интернете, то независимо от предлагаемого ниже варианта выполните следующий шаг. Загрузите ваш материал на сервер, предлагающий хостинг музыки
Например здесь:
http://kiwi6.com/
http://uploadhut.com/
http://www.fileden.com/
http://www.musicuploader.org/
Другие сервера можно найти, задав "upload music" в поисковиках (например Google).
Важно, чтобы сервер поддерживал проигрывание музыки в реальном времени, например в формате mp3, а не просто предлагал ее сгрузить.
Сохранить URL-адрес
После загрузки на сервер вы получите URL-адрес, используемый в дальнейшем.
Временно сохраните его, например, в каком-нибудь текстовом файле.
Примечания:
Некоторые сайты с генераторами (см. ниже) одновременно предлагают mp3 хостинг, поэтому этот шаг можно сделать и там.
Если вы хотите воспроизводить музыку, уже размещенную в интернете и знаете URL-адрес, то загружать естественно не надо.

----------------------------------------------------------
Фоновая музыка только на одной странице
Воспроизведение начинается автоматически при входе на одну из страниц и не проигрывается на остальных.
Для этого используйте следующий код. Внимание: вставлять не в поле URL, а в код страницы!
HTML код:
<script language="JavaScript">
var ver = navigator.appName;
if (ver == "Microsoft Internet Explorer") {
document.write('<bgsound src="Ваш URL Mp3" loop=infinite>');
}else{
document.write('<EMBED src="Ваш URL Mp3" width="1" height="1" hidden="true" loop="true" autostart="true"></EMBED>');
}
</script>
Параметры:
Ваш URL Mp3 =>вставить ваш URL-адрес mp3
hidden="true" => скрытый режим
loop="true" => повтор
loop="false" => без повтора
Вставка кода:
в HTML-режиме
вставить код
заменить URL-адреса на свои
сохранить, готово.

----------------------------------------------------------

 

Вставка на странице (в редакторе)
Зайдите в раздел "Редактировать страницы"
выберите страницу, на которой вы хотите создать каталог
в редакторе напишите название ссылки (название композиции)
выделите слово мышью и нажмите символ для вставки ссылки (глобус с цепью)
откроется окно с пустым полем URL. В него и надо внести URL-адрес mp3
в закладке Target можно установить, где должна открываться ссылка (в том же окне, в новом и т.д.)
Вставка на странице (HTML-код)
Пример для одной ссылки:

----------------------------------------------------------

HTML код:

<a href="Ваш URL Mp3">Название песни-1</a>

<a href="Ваш URL Mp3">Название песни-2</a>

===

<a href="Ваш URL Mp3">Название песни-5</a>
----------------------------------------------------------

Вставка на странице (в редакторе)
Аналогично предыдущему пункту, но отметить не текст, а изображение
Вставка на странице (HTML-код)
Пример для одной ссылки

HTML код:
Название песни-1<a href="Ваш URL Mp3"><img src="Ваш URL картинки"/></a>

Разумеется можно расширить предложенные варианты и организовать ссылки например в таблицы.

----------------------------------------------------------
Ссылка на yukebox
Пример:

Зарегистрируйтесь на http://www.yukebox.com/ и создайте в нем ваш playlist
там вы получите ссылку в форме http://www.yukebox.com/myYukebox/yukebox2.swf?user=
Аналогично предыдущему варианту вставьте ее на страницу, используя редактор или HTML-код
HTML код:
<a href="URL Yukebox" target="_blank">Тест Yukebox</a>
----------------------------------------------------------
Код с медиа плейерером

Здесь используется как html-код плейера так и URL-адрес музыки
плейер может быть видимым (кнопки Play/Pause/Stop)
плейер играет только на странице, на которой он установлен
при входе на страницу воспроизведение начинается сначала
HTML код:
<Embed type="application/x-mplayer2"
Name="MediaPlayer"
src="Ваш URL Mp3"
width="200" height="70"
autostart="1"
animationAtStart="0"
ShowControls="1"
ShowAudioControls="1"
ShowPositionControls="0"
autoSize="0" ShowStatusBar="1"
displaySize="0"
transparentAtStart="1">
</embed>
Значения параметров в коде:
animationAtStart = "0" => логотип не показывать
showcontrols = "1" => показывать управление
showaudiocontrols = "1" => показывать регулировку громкости
showstatusbar = "1" => показывать статус
Autostart = "0" => не стартовать автоматически!
Autostart = "1" => автостарт!
height => высота
width => ширина
----------------------------------------------------------
Код для Realplayer:

HTML код:
<embed name="realPlayerControls" src="Ваш URL Mp3"
width="240" height="35" type="audio/x-pn-realaudio-plugin"
autostart="false" autogotourl="false" console="radio" controls="ControlPanel"></embed>

----------------------------------------------------------
Flash-Player генераторы
Генераторы создают код для вставки на странице.
Все что вам нужно знать это URL-адрес музыки.
Зайдите на одну из следующих страниц и выберите дизайн.
На некоторые сайты можно сразу же загрузить ваши mp3.
Генераторы с playlist:
http://www.surfcodes.com/flashmp3player
http://www.myspacegens.com/handler.php?gen=mp3&amp;p=index
http://mp3player.poqbum.com/player.php
Примеры плейеров, генерируемых на:
http://www.yourpimpspace.com/flash-mp3-players/ :

 

----------------------------------------------------------
Flash-Player от Badongo.com:
зайти на http://www.badongo.com/
зарегистрироваться (довольно быстро)
войти в систему
вверху зайти в "Upload"
загрузить ваши легальные файлы
после этого вверху справа на "Widgets"
затем на "Badongo Musikplayer"
выбрать мр3 для Playlist
выбрать дизайн для плейера
получаем сгенерированный код для вставки на страницу
Пример дизайна:

 

 

 

 

 

Обратите внимание:
вы можете использовать этот плейер только если музыка загружена на этой странице!!!
Кроме того загруженную музыку можно использовать только с этим плейером.
----------------------------------------------------------
Создание Playlist для медиа плейера:
Пример кода для двух композиций:
HTML код:
<ASX Version="3.0">
<title>Playlistname</title>
<entry>
<title>Test 1</title>
<author>Interpreten</author>
<Ref href="Ваш URL Mp3"/>
</entry>
<entry>
<title>Test 2</title>
<author>Interpreten</author>
<Ref href="Ваш URL Mp3"/>
</entry>
</asx>
Скопируйте код в буфер памяти, откройте блокнот (notepad) и вставьте в него код.
Весь красный текст относится к первой композиции. Зеленый - вторая.
Чтобы добавить следующие композиции скопируйте красный текст и вставьте его между последним
</entry> и </asx>
Выделенный код должен быть скопирован полностью, иначе не заработает.
После создания Playlist сохраните его как .asx в ANSI формате.
Проверьте работу в локальном режиме, открыв файл в медиа плейере.
Если все нормально, загрузите ваш Playlist на сервер, предлагающий хостинг .asx документов
и сохраните полученный URL-адрес.
Привязка Playlist
Вставьте следующий код на страницу, заменив URL-адрес Playlist (выделено красным) на ваш
HTML код:
<embed type="application/x-mplayer2" swliveconnect="true" width="280" height="70" pluginpage="http://www.microsoft.com/netshow/download/player.htm" src="ВАШ URL" loop="0" autostart="1" showstatusbar="1" ShowControlls="1" volume="60"></embed>

----------------------------------------------------------

Фоновая музыка продолжается при смене страниц (Popup плейер) 

В некоторых случаях необходимо разместить не только картинку или анимацию gif на сайте, но и отобразить полноценное видео со звуком.

Стандарт HTML позволяет загружать и отображать на сайте файлы в формате Microsoft Video for Windows (файлы с расширением *.AVI).

А также загружать и воспроизводить звуковые файлы с расширением WAV.
Следует однако заметить, что файлы AVI имеют очень большой объем и к их использованию следует подходить обдумано.

Один ролик длительностью в несколько минут может съесть все место, отведенное для вашего сайта хостинг-провайдером.

Кроме того, не все пользователи имеют скоростной (или недорогой) Интернет, поэтому также стоит подумать о них.
Итак для начала создадим форму для загрузки файла на наш сервер.
<form name=form method=post ENCTYPE="multipart/form-data" action="addmedia.php">
Видео файл: <input type=file name=file1 size=30><br>
Аудио файл: <input type=file name=file2 size=30><br>
<input type=submit value="Загрузить" name="upload">
</form>
Эта форма позволяет загрузить нам сразу два файла: первый видео, второй аудио.

При нажатии на кнопку "Загрузить" будет вызван файл addmedia.php, который загрузит наши файлы на сервер. Вот его код (здесь и далее комментарии к скрипту отмечены символом //):
<?php
if ($file1 != "") {
$file1 = $HTTP_POST_FILES['file1']['name'];
// извлекаем имя загружаемого файла
$filesize1 = $HTTP_POST_FILES['file1']['size'];
// считываем размер его файла
$temp1 = $HTTP_POST_FILES['file1']['tmp_name'];
// определяем место для загрузки временного файла (необходимо для работы сервера)
if ($file1 != "" and !eregi("\.avi$",$fileres1)){$error .= "Видео-файл должен иметь расширение *.avi";}
// Проверяем расширение нашего видео-файла и если оно не *.avi, то указываем на ошибку.
if ($filesize1 > 1000000){$error .= "Файл должен иметь размер не более 1 Мб";}
// Ограничиваем размер нашего файла. В данном случае максимум 1 мегабайт.
}
if ($file2 != "") {
$file2 = $HTTP_POST_FILES['file2']['name'];
$filesize2 = $HTTP_POST_FILES['file2']['size'];
$temp2 = $HTTP_POST_FILES['file2']['tmp_name'];
$fileres2=strtolower(basename($file2));
if ($file2 != "" and !eregi("\.wav$",$fileres2)){$error .= "Аудио-файл должен иметь расширение *.wav";}
// Проверяем расширение нашего аудио-файла и если оно не *.wav, то указываем на ошибку.
if ($filesize2 > 1000000){$error .= "Файлы должны иметь размер не более 1 Мб";}
// Вновь ограничиваем размер нашего файла 1 мегабайтом.
}
echo "<center><font color=red>$error</font></center>";
// Выводим сообщение об ошибке.
if ($error == "") {
// Если ошибок нет, то выполняем загрузку файлов
$updir="/home/www/public_html/media/";
// Указываем путь к папке на сервере, в которую скрипт загрузит файлы. Папка до момента запуска этого скрипта должна уже быть создана на сервере и иметь права доступа 777 (чтение-запись-исполнение для всех).
$dest1 = $updir.$file1;
$dest2 = $updir.$file2;
if ($file1 != "") {copy("$temp1","$dest1");}
if ($file2 != "") {copy("$temp2","$dest2");}
// копируем выбранные файлы в указанное на сервере место
}
Если все сделано как описано выше, то файлы должны появиться в папке media на сервере.

Теперь создадим html-файл, который покажет загруженные видео и аудио пользователю, зашедшему на сайт.
Видео-файл
<EMBED SRC="media/video.avi" START="FILEOPEN" AUTOSTART=false>
<NOEMBED>Воспроизведение не поддерживается вашим броузером</NOEMBED>
Аудио-файл<br>
<EMBED SRC="media/audio.wav" HIDDEN=false AUTOSTART=false>
<NOEMBED>Воспроизведение не поддерживается вашим броузером</NOEMBED>
Вот и все.

Теперь при заходе на страницу, в которую будет вставлен вышеуказанный фрагмент пользователь увидит два стандартных окна проигрывателя Windows Media, включенные прямо в html-страниц и кнопочки для воспроизведения.
Однако опишем последний фрагмент чуть подробнее.
Оператор <EMBED> предназначен для вставки произвольных объектов OLE. Технология OLE работает только в среде операционной системы Microsoft Windows.
SRC - путь к медиа-файлу.
STATRT - Параметр определяет момент, когда нужно начинать проигрывание видеофрагмента. Если этот параметр имеет значение FILEOPEN, проигрывание начинается сразу, как только файл будет загружен.

Если же значение параметра равно MOUSEMOVE, проигрывание начнется после того, как пользователь поместит курсор на окно, предназначенное для проигрывания видеофрагмента
AUTOSTART - автоматическое воспроизведение файла.

Если параметр имеет значение "false", то необходимо нажать на кнопку воспроизведения, чтобы запустить видео/аудио файл.
HIDDEN - если значение "true", то проигрыватель будет невиден на странице.
Удачи.

 

<SCRIPT>
<!--//
function playHome() {
  document.all.sound.src = "midi/7.mid"
//Адрес композиции
}
//-->
</SCRIPT>
<BGSOUND id="sound">
</head>
<body>
<a href="URL" onmouseover="playHome()">Музыкальная ссылка</a>
<!-- адрес и текст ссылки -->
</body>
</html>

 

Фоновая музыка

Код:
<SCRIPT>
<!--//
function playHome() {
  document.all.sound.src = "midi/7.mid"
//Адрес композиции
}
//-->
</SCRIPT>
<BGSOUND id="sound">
</head>
<body onload="playHome()">
</body>
</html>

 

Код:
<SCRIPT>
//<!--
var midi = ""
var txt = ""
var nummidis = 5
// количество мелодий
day = new Date()
seed = day.getTime()
ran = parseInt(((seed - (parseInt(seed/1000,10) * 1000))/10)/100*nummidis
+ 1,10)
if (ran == (1))
{midi=("herbst.mid");
txt=("herbst.mid")}
if (ran == (2))
{midi=("baby.mid");
txt=("baby.mid")}
if (ran == (3))
{midi=("gemeinde.mid");
txt=("gemeinde.mid")}
if (ran == (4))
{midi=("ost.mid");
txt=("ost.mid")}
if (ran == (5))
{midi=("shark.mid");
txt=("shark.mid")}
/* чтобы добавить еще мелодий добавьте необходимое количество блоков

if (ran == (номер по списку))
{midi=("Адрес композиции");
txt=("Текст к песне")}

И незабудьте сменить количество мелодий иначе добавленное никто не услышет
*/

document.write('<center><bgsound src="' + midi + '" AUTOSTART=true loop=false></bgsound><strong>Эта музыка "<font color="red"><em>' + txt + '</em></font></font>"</strong></center>')
/*
Для Netscape - отключено - если надо, уберите тег комментария..
document.write('<embed src="' + midi + '" AUTOSTART=true HIDDEN=false VOLUME=100 WIDTH=200 Height=55 loop=false></embed><br><strong>Эта музыка "<font color="red" size=2><em>' + txt + '</em></font>"</strong>')
*/
//-->
</SCRIPT>
</body>
</html>

 

Код:
<SCRIPT LANGUAGE="JavaScript">
song = new Array(10);
title = new Array(10);
coment = new Array(10);
song[0] ='midi/0.mid'
song[1] ='midi/1.mid'
song[2] ='midi/2.mid'
song[3] ='midi/3.mid'
song[4] ='midi/4.mid'
song[5] ='midi/5.mid'
song[6] ='midi/6.mid'
song[7] ='midi/7.mid'
song[8] ='midi/8.mid'
song[9] ='midi/9.mid'
song[10] ='midi/10.mid'

/* если вы не хотите выводить названия музыки желательно удалить следующий блок до черты
// 8<----------------------------------
И обязательно строки в конце кода (сказано дополнительно)*/
title[0] = 'Everlong'
title[1] = 'Hey Man Nice Shot'
title[2] = 'Meaning Of Life'
title[3] = 'Polly'
title[4] = 'Fly'
title[5] = 'Damn It'
title[6] = "Short On Ideas"
title[7] = 'Anarchy in the UK'
title[8] = 'Mable'
title[9] = "Sellout"
title[10] = 'You are the Government'
// 8<----------------------------------

/* если вы не хотите выводить коментарии к музыке желательно удалить следующий блок до черты
// 8<----------------------------------
И обязательно строки в конце кода (сказано дополнительно)*/
coment[0] = 'Everlong'
coment[1] = 'Hey Man Nice Shot'
coment[2] = 'Meaning Of Life'
coment[3] = 'Polly'
coment[4] = 'Fly'
coment[5] = 'Damn It'
coment[6] = "Short On Ideas"
coment[7] = 'Anarchy in the UK'
coment[8] = 'Mable'
coment[9] = "Sellout"
coment[10] = 'You are the Government'
// 8<----------------------------------

index = Math.floor(Math.random() * song.length);
document.write("<bgsound src="+song[index]+" AUTOSTART=true loop=false></bgsound>");
/*width=300 height=28 размиры панели управления*/
/* если вы не хотите выводить названия музыки удалите 4 следующие строки
(и желательно блок выше по коду) */
document.write("Название: ");
document.write("<font color=red>");
document.write(title[index]);
document.write("</font><br>");
/* если вы не хотите выводить коментарии к музыке удалите 2 следующие строки
(и желательно блок выше по коду) */
document.write(coment[index]);
document.write("<br>");
</SCRIPT>
</body>
</html>