Здесь мы с вами рассмотрим три интересных флэша
1. Флэш mp3 плеер
2. Видео плеер
3. И один весьма интересный представтель
НОМЕР ОДИН
Воть:
ЧАСТЬ I
0. качаем плеер
1. Распаковываете архив
2. Там есть три самых нужных файла:
mp3player.swf playlist.xml
config.xml
3. Теперь по порядку:
Берешь копируешь на сайт файл mp3player.swf на сайт. Сделали? молодцы, теперь берете етот код:
Code
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="300" height="200" id="mp3player" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" >
<param name="movie" value="http://VASHSITE.ucoz.ru/PAPKA S FAILOM/mp3player.swf?config=http://VASHSITE.ucoz.ru/PAPKA S FAILOM CONFIGURACII/config.xml&file=http://VASHSITE.ucoz.ru/PAPKA S PLAYLIST'OM/playlist.xml" />
<param name="wmode" value="transparent" />
<embed src="http://VASHSITE.ucoz.ru/PAPKA S FAILOM/mp3player.swf?config=http://VASHSITE.ucoz.ru/PAPKA S FAILOM CONFIGURACII/config.xml&file=http://VASHSITE.ucoz.ru/PAPKA S PLAYLIST'OM/playlist.xml" wmode="transparent" width="300" height="200" name="mp3player" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
И вставляете его на свою страничку. Но стоп вы заметили наверное, что там два файла config.xml и playlist.xml Да? Почему мы и храньше не скопировали? ответ прост - мы их не отредактировали. Так что теперь переходим к редакции этих файлов. Часть II - Плейлист
Вообще там есть комментарии но мы опишем все здесь по порядку:
Открываем этот файл в редакторе (желательно Дрим) исмотри на код что мы видим:
Code
<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Sample XSPF Playlist</title>
<info>http://www.jeroenwijering.com/?item=Flash_MP3_Player</info>
Это заголовок нашего playlist.xml
Затем, после этого кода открываем список музыкальных файлов тэгом <trackList> У вас будет:
Code
<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Sample XSPF Playlist</title>
<info>http://www.jeroenwijering.com/?item=Flash_MP3_Player</info>
<trackList>
Теперь мы будем добавлять песни делается так:
открываем тэг для одного трэка:
<track> Его прийдется открывать для каждого отдельного файла
Теперь так:
<track> ОТкрыли трэк
<annotation>Название вашего трэка</annotation> Только латинскими буквами
<location>полный путь к файлу или просто mp3/filename.mp3</location> Желательно второе
<info> Ссылка на скачивание</info> Писать необязательно
<image> ссылка к картинке альбома</image> тоже можно оставлять пустой
</track>
Закрываем трэк тэгом </track>
И так каждую песню
Как только закончили пишем
</trackList>
</playlist>
В итоге имеем:
Code
<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Sample XSPF Playlist</title>
<info>http://www.jeroenwijering.com/?item=Flash_MP3_Player</info>
<trackList>
<track>
<annotation></annotation>
<location></location>
<info></info>
<image></image>
</track>
<track>
<annotation></annotation>
<location></location>
<info></info>
<image></image>
</track>
</trackList>
</playlist>
И сохраняем файл. Его уже Часть III - Конфигурационный файл
Переходим к самому интересному к файлy config.xml
Начинаем:
Создаем пустой xml файл и начинаем его так
[code]
<mp3config>
можно посылать на сайт
Сделали? Теперь делаем следующее:
Вписываем:
Code
<autostart>true</autostart>
<shuffle>true</shuffle>
Первый код настройка автостарта (true - автоматически false - с кнопкой плей)
Второй - беспорядочное воспроизведение (true - в разброс, flase - по порядку)
Теперь:
Code
<repeat>list</repeat>
Здесь настройка повтора:
none(вместо list пишется) - никакого повтора
one - зацыкливаемся на одном трэке если пользователь не переключает.
all - повторят все лучше использовать вместе с <shuffle>true</shuffle>
list - повторять этот плейлист по порядку.
Дальше настройка громкости:
<volume>80</volume> (от 1-100 вставлять вместо 80)
Теперь:
<showdisplay>true</showdisplay> - выбираете показывать дисплей с управлением или нет выбор - true(показывать) или false(нет)
<showplaylist>true</showplaylist> - Показыать плейлист или нет настройки теже что и у дисплея (<showdisplay>true</showdisplay>)
Дальше:
<linktarget>_top</linktarget> - при нажатии на ссылку в плеер где он открывается (настройки как в HTML писать в место _top)
Теперь:
<backcolor>0xffffff</backcolor> - цвет заднего фона
<frontcolor>0x333333</frontcolor> - цвет ширфта
<lightcolor>0xcc0000</lightcolor> - цвет при переходе ссылки нсколько я понял
<jpgfile></jpgfile> - путь к картинке заднего фона (тогда не ставьте <backcolor>0xffffff</backcolor>)
<callback></callback>(Чисто для программеров веба: Вызывает определенный скрипт когда начинается песня, насколько я понял это то что в строке бегучей варианты:
title, file, identifier, action ('start' or 'complete')
и закрываете тэгом:
</mp3config>
В итоге у вас получится что-то похожее на это:
Code
<mp3config>
<autostart>true</autostart>
<shuffle>true</shuffle>
<repeat>list</repeat>
<volume>80</volume>
<showdisplay>true</showdisplay>
<showplaylist>true</showplaylist>
<linktarget>_top</linktarget>
<backcolor>0xffffff</backcolor>
<frontcolor>0x333333</frontcolor>
<lightcolor>0xcc0000</lightcolor>
<jpgfile></jpgfile>
<callback></callback>
</mp3config>
Вот
Часть IV советы:
1. В extras лежит файл color_picker - подборщик цветов, работайте с ним
2. Если лень делать что-то свое особенное то берить готовые экзамплы:
Они лежат в папке extras/example_configs
3. там еще есть ява управление если подождете я его точно также опишу здесь.
Надеюсь описание поянтное и вам, дорогие читатели, понравилось
