Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.37.219
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Музыкальный плеер на сайт
Сообщение оставлено 03.06.2011 в 19:28:32 | Сообщение #1

[Table]Качаем файлы - Скачать[/Table]
Для начала нужно скачать все файлы на компьютер - это сам плеер и плейлист и поместить их в папку на сайте, например, file. Теперь забрасываем сами mp3 файлы в папку, например music. Теперь вставляем такой код:
Code
<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>

<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> пропишите строчку:
Code
<script language="javascript" type="text/javascript" src="file/index.js">   
   </script>

В параметре src нужно прописать свой путь до скрипта если у вас его расположение отличается от примера. Теперь в любом месте выведите список всех песен:
Code
<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>


[Table]А так же вы можете посмотреть Демо[/Table]
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика