Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Уроки по 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 Просмотров: 16845

Условия копирования материалов сайта

Все комментарии
#0 mailar 23-04-2010 в 15:58
а сколько трафика потребляется при воспроизведении?
#1 Евгений 24-04-2010 в 13:20
Ну если это своя музыка, то зависеть будет от ее качества. А если использовать его как радио, то будет зависить от станций и будет составлять примерно около 96 - 128 Кбит/с
#2 mailar 28-04-2010 в 02:44
у меня вопрос, как сделать чтобы когда страниц загрузилась проигрывание не начиналось сразу, а только после нажатия на плей, а так все ништяг работает.
#3 Евгений 28-04-2010 в 16:58
За воспроизведение должен отвечать параметр auto_run. Если значение false, то воспроизведение по нажатию на кнопку, а если true, то при загрузке страницы.
#4 вася 10-06-2010 в 02:18
знаю гораздо проще способ добавления музыкального плеера в блог/сайт/форум. Есть специальные музыкальные сайты с готовыми плеерами, после загрузки музыки даётся код плеера, который просто нужно вставить к себе на сайт и появится плеер, подробности здесь - http://hachic.blogspot.com/2009/10/blog-post_7759.html
#5 Кирилл 30-01-2011 в 23:53
Народ, помогите разобраться с Javascript я никак не могу вывести список на сайте, ссылки появляются, но не работают, при нажатии ничего не происходит =( сделал всё как описано, не работает (сам плеер фурычит и переключается, а скриптом не хочет)
#6 ВАСЯ 22-09-2011 в 10:55
Огромное спасио за помощь! Только к сожелению размеры не меняются ((( я хотел бы сделать поменьше его!
#7 Вась, проблема плееров, которы 06-06-2012 в 12:18
Что ни один из плееров не поддерживает плэйлисты)
#8 Илья 02-12-2012 в 16:45
Значение auto_run стоит true но плеер при загрузке страницы серовно не запускается автоматически
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


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

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки