Аудио флэш плеер красивый

Суббота, 05 Марта 2011 г. 15:52 + в цитатник

Поняв принцип, можно забыть о подобных сервисах, которые часто закрываются, удаляют файлы, меняют условия и т.д.
Код для вставки музыки в блог состоит из двух главных компонентов - флеш-плеер (файл *.swf в виде http://../player.swf) и аудиофайл (в виде http://../song.mp3) - остальное HTML, то бишь буковки.
Выглядит так:
<object data="http://../player.swf" type="application/x-shockwave-flash" width="240" height="64">
<param name="movie" value="http://../player.swf">
<param name="menu" value="false">
<param name="scale" value="noscale">
<param name="flashvars" value="src=http://../song.mp3&autostart=no">
</object>

Полный код безобразия:

Code

Скопировать данный код

Если в код вставить свой mp3 файл вида http://…./song.mp3 ("прямая ссылка"), он будет играть вашу музыку:).

width и height определят размеры плеера.
Если назначить height=16, получим:

Tip: Чтоб исключить сбой кодировок, избегайте кириллицы и пробелов в названиях треков.
Переименовывайте файлы перед закачкой их на хостинг. Примеры:
моя песня.mp3 (нельзя в плеер, будет глюк)
moya_pesnya.mp3 (можно юзать)
Можно вставлять плейлисты:

- навигация по трекам
Делаем такой плеер с плейлистом:
1. Загружаем на хостинг аудиофайлы и составляем такой список треков:
<file src="sound1.mp3"/> <file src="sound2.mp3"/> <file src="sound3.mp3"/>
2. Копируем образец кода плейлиста ОТСЮДА
(всё, что под чертой)
3. Открываем на компе программу Блокнот, вставляем туда этот код.
4. Вместо примера списка треков вставляем свой заготовленный список треков.
5. Жмем "Файл-Сохранить как”. Называем файл playlist.xml и сохраняем.
(назвать можно как угодно, главное - на латинице и .xml)
6. Файл playlist.xml грузим на хостинг, ссылку на него ставим в код плеера там, где в плеере с одним треком стоит ссылка на mp3-файл: http://site/song.mp3
7. Вставляем полученный код плеера в блог.