Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Уроки по Flash

Музыкальный плеер на сайт

Здравствуйте, сегодня мы научимся вставлять на сайт музыкальный плеер. Конечно, такая функция редко нужна, но на некоторых музыкальных сайтах будет очень даже кстати. Большим плюсом является то, что он умеет проигрывать не только обычные mp3 файлы, но и mp3 потоки, т.е. радио.

Пример

Для начала нужно скачать все файлы на компьютер - это сам плеер и плейлист и поместить их в папку на сайте, например, file. Теперь забрасываем сами mp3 файлы в папку, например music. Теперь вставляем такой код:

<object width="150" height="85" id="mju">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value=" file/mju.swf" />
<param name="flashvars" value="playlist= file/playlist.mpl&auto_run=false" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="file/mju.swf" flashvars="playlist= file/playlist.mpl" loop="false"
menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="150"
height="85" name="mju" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed>
</object>

Теперь попробуем разобраться. Параметры width и height отвечают за ширину и высоту плеера.
<param name="movie" value=" file/mju.swf" /> и src - относительный путь к самому плееру.
<param name="flashvars" value="playlist= file/playlist.mpl" /> и flashvars -  путь до плейлиста. auto_run - отвечает за запуск автоматически или вручную и может принимать значения false или true. Остальные параметры можно не трогать. Теперь можно приступить к редактированию плейлиста, откройте его любым текстовым редактором, и Вы увидите примерно следующий список:
<track artist="Исполнитель" title="Название" url="mp3/2.mp3" /> ,
если композиция - mp3-файл, или
<stream artist="Исполнитель" title="Название" url="ссылка на mp3-поток" />,
если композиция - mp3-поток (или радио).

Меняете все параметры на свои и сохраняете. Каждая строчка отвечает за свою песню и их может быть сколько угодно. Теперь обновите страницу и попробуйте запустить плеер, если Вы все сделали правильно, то должна начать проигрываться первая песня из списка. Вот в принципе и все, еще, что можно добавить это переключения между треками с помощью JavaScript. Для этого между тегами <head></head> пропишите строчку:

<script language="javascript" type="text/javascript" src="file/index.js">
</script>

В параметре src нужно прописать свой путь до скрипта если у вас его расположение отличается от примера. Теперь в любом месте выведите список всех песен:

<a href="/" onclick="mju_play_track(1);return false;">Проиграть 1-й трек</a><br>
<a href="/" onclick="mju_play_track(2);return false;">Проиграть 2-й трек</a><br>
<a href="/" onclick="mju_play_track(3);return false;">Проиграть 3-й трек</a>

Этот список зависит от количества песен в плейлисте (Каждая строчка соответствует своей песне в плейлисте). На этом мы закончим данный урок, надеюсь, что у Вас все получилось.

Автор: Евгений Бочкарев · Урок добавлен: 5 Августа 2009 в 00:25 · Просмотров: 1372

Рекомендую
  • Currently 5.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 5.0/5 (всего 1 голос)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку (5)

12
mailar    Добавлено: 23-04-2010 в 15:58
а сколько трафика потребляется при воспроизведении?
 
34
12
Евгений    Добавлено: 24-04-2010 в 13:20
Ну если это своя музыка, то зависеть будет от ее качества. А если использовать его как радио, то будет зависить от станций и будет составлять примерно около 96 - 128 Кбит/с
 
34
12
mailar    Добавлено: 28-04-2010 в 02:44
у меня вопрос, как сделать чтобы когда страниц загрузилась проигрывание не начиналось сразу, а только после нажатия на плей, а так все ништяг работает.
 
34
12
Евгений    Добавлено: 28-04-2010 в 16:58
За воспроизведение должен отвечать параметр auto_run. Если значение false, то воспроизведение по нажатию на кнопку, а если true, то при загрузке страницы.
 
34
12
вася    Добавлено: 10-06-2010 в 02:18
знаю гораздо проще способ добавления музыкального плеера в блог/сайт/форум. Есть специальные музыкальные сайты с готовыми плеерами, после загрузки музыки даётся код плеера, который просто нужно вставить к себе на сайт и появится плеер, подробности здесь - http://hachic.blogspot.com/2009/10/blog-post_7759.html
 
34
12

   Добавить комментарий


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34