Mp3 на Web-сайте

 

Как разместить MP3 на Web-сайте? Обычно предлагают установить Flash Mp3 Player, но можно обойтись без его установки. Достаточно разместить небольшой HTML код в нужном месте страницы вашего сайта.



Найти: на


Размещение музыки на страницах Web-сайтов.

 

December 10, 2011.

 

Чтобы разместить MP3 музыку на странице сайта не обязательно устанавливать Flash Mp3 Player, достаточно разместить в нужном месте HTML страницы этот код, естественно указав Ваш URL Mp3 файла.

HTML код:

<Embed type="application/x-mplayer2"
Name="MediaPlayer"
src="Ваш URL Mp3"
width="200" height="70"
autostart="0"
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 => ширина

При указанных параметрах в HTML коде, Ваш плеер будет выглядеть вот так (пример действующий):


При изминении параметров можно несколько изменить внешний вид плеера, например минимизировать:


Если нужно дать ссылку на Mp3 файл, то сделать это можно традиционным способом.

HTML код:

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

Наример:

Man of mistery - The Shadows


Или ссылка в виде картинки

HTML код:

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

Наример:
Man of mistery - The Shadows


Если нужно чтоб Ваш плеер проигрывал несколько композиций то нужно дополительно создать 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>

<entry>
<title>Test 3</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="0" showstatusbar="1" ShowControlls="1" volume="60">

 

Вот собственно и всё. Настройки точно такие же, как в первом случае.

В заключение надо заметить, что подобным образом можно вставить и видеоролик формата WMV, для этого надо лишь изменить высоту проигрывателя, а вместо URL аудио указать URL видео.

 

 

HTML код:

<Embed type="application/x-mplayer2"
Name="MediaPlayer"
src="Ваш URL WMV"
width="280" height="280"
autostart="0"
animationAtStart="0"
ShowControls="1"
ShowAudioControls="1"
ShowPositionControls="0"
autoSize="0" ShowStatusBar="1"
displaySize="0"
transparentAtStart="1">
</embed>

 

Можно так же воспользоваться генератором Flash Player, которые предлагают многие сайты. Зайдя на один из таких сайтов Вы просто создаёте свой плей-лист, указывая URL Ваших MP3 файлов и генерируете код выбранного вами дизайна плеера. Затем так же, как сказано выше, просто размещаете сгенерированный код на странице Вашего сайта.
Многие сайты предлагают и хостинги для хранения Ваших MP3 файлов.

Вот некоторые из таких сайтов:


Flash MP3 Player от yukebox.com    Flash MP3 Player от yukebox.com

http://www.yukebox.com

 

Flash MP3 Player от myspacegens.com

http://www.myspacegens.com/handler.php?gen=mp3&p=index

 

Flash MP3 Player от yourpimpspace.com http://www.yourpimpspace.com/flash-mp3-players

Flash MP3 Player от yourpimpspace.com

Примеры дизайна Flash MP3 Players от www.yourpimpspace.com

 

 

http://www.badongo.com

Flash MP3 Player от badongo.com

Примеры дизайна Flash MP3 Players от www.badongo.com

 

Если всё же возникает желание установить собственный Flash Player, могу порекомендовать несколько понравившихся мне дизайнов:
http://sergejj-kilin.narod.ru/mp3_player.html

 


_




 

 



Hosted by uCoz