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

3147
9 из 10
Проголосовало: 4




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Демо
Для начала нужно скачать все файлы на компьютер - это сам плеер и плейлист и поместить их в папку на сайте, например, 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>
Автор публикации: Загрузка
Загрузка
Svit107, это его n материал
  • Всего комментариев: 4

DJ_FORWARD
Ответить
0
DJ_FORWARD написал: Написано 07 Июня 2011 в 01:46
Комментарий №4
Это реликвия biggrin biggrin biggrin

Svit107
Ответить
0
Svit107 написал: Написано 03 Июня 2011 в 19:04
Комментарий №3
Ну теперь этот раритет тут.... И это хорошо

Шумахер
Ответить
0
Шумахер написал: Написано 03 Июня 2011 в 18:32
Комментарий №2
Древний как Запорожец:D

MAXIM
Ответить
0
MAXIM написал: Написано 03 Июня 2011 в 18:02
Комментарий №1
очень, ну ооочченнььь старый скрипт..
я когда только узнал что юкоз существует, узнал про этот плеер

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2122
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    488
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: