Музыкальный плеер на сайт, версия 1

Скрипты

Рисунок Музыкальный плеер на сайт, версия 1
Музыкальный плеер на сайт, версия 1 Музыкальный плеер на сайт, версия 1
оценка: 4.1 из 5
оценок: 103, отзывов: 4
Для проигрывания музыки требуется Flash Player 10


Вы создали прекрасный сайт о музыке и выкладываете на нем композиции разной тематики. И Вам нужно, чтобы эти файлы можно было прослушать прямо на сайте. Либо Вы просто хотите создать для посетителя сайта обстановку уюта, или проигрывать гимн своего сайта. Реализовать это можно при помощи Flash. Поэтому меньше слов, больше дела. Займемся установкой плеера.

В основе плеера swf-объект от UCOZ. Но это не означает, что на других хостерах скрипт не будет работать. Плеер может проигрывать только одну композицию. Плеер с плейлистом - это тема другого скрипта, и мы выложим его позже. И в назидание, по возможности, постарайтесь не ставить автоплей, если проигрываете тяжелый файл. Под тяжелым файлом имею ввиду файл размером более 150 килобайт.

Вставьте код скрипта на то место страницы, на которой Вы хотите видеть этот плеер.

Code
<script type="text/javascript" src="http://szenprogs.ru/scripts/swfobject.js"></script>
<div id="music_box1" style="height:16px;text-align:center;">
  Для проигрывания музыки требуется <a href="http://szenprogs.ru/load/8-1-0-92" target="_blank" title="Скачать Flash Player 10 бесплатно">Flash Player 10</a>.<br><br>
  <span style="font-size:6pt !important;">Скрипт взят с портала <a href="http://szenprogs.ru/" target="_blank">SzenProgs</a></span>
</div>
<script type="text/javascript">
  var rnumber = Math.floor(Math.random()*9999999);
  var so = new SWFObject("http://szenprogs.ru/flash/audio.swf?r="+rnumber, "music_code", "180", "16", "9");
  so.addParam("wmode", "transparent");
  so.addParam("allowScriptAccess", "always");
  so.addVariable("song_url", "http://szenprogs.ru/music/atb-trilogy.mp3");
  so.addVariable("show_copyright", "0");
  so.addVariable("background_color", "#009CFF");
  so.addVariable("autoplay", "0");
  so.addVariable("textoff", "0");
  so.addVariable("loop", "0");
  so.write("music_box1");
</script>

Собственно, осталось разобраться в параметрах плеера. Пересмотрим по порядку:

  • "180" - ширина плеера в пикселях.
  • "16" - высота плеера в пикселях. Желательно не изменять, так как плеер обладает статичной высотой.
  • "9" - версия Flash-плеера, установленного в браузере, с которым может работать флеш объект.
  • "song_url" - ссылка на проигрываемую мелодию. Может быть как полная, так и относительная.
  • "show_copyright" - отображение копирайта UCOZ-а на плеере. 1 - отображать, 0 - скрывать.
  • "background_color" - основной цвет плеера в формате RGB.
  • "autoplay" - автовоспроизведение. 1 - музыкальный файл начнет автоматически проигрываться, когда загрузится страница, 0 - мелодия проиграется только по ручному запуску.
  • "textoff" - отображение названия композиции на плеере. 1 - скрывать, 0 - отображать.
  • "loop" - бесконечное повторение композиции. 1 - воспроизводить циклично, 0 - воспроизвести один раз.
  • "music_box1" - id блока, где должен отображаться плеер.

После настройки под свои хотелки, плеер можно использовать.

Использованные в скрипте файлы:

Для скачивания файлов, щелкните по ссылке правой кнопкой, и выберите "сохранить как". Также можете оставить ссылки на наш портал. Скрипты удалять мы не собираемся.

Удачи всем!

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




Музыкальный плеер на сайт, версия 1
Скрипты
Скрипты, инструкции, справочники

rss
Категория:Скрипты
Просмотрено:27850
Рейтинг:4.1/103
Дата добавления:2009-05-29 14:13, Пятница
Добавил:Szen
Теги:JavaScript, плеер, музыка, flash

Мини-форум

№ 02009-05-29 14:13
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Музыкальный плеер на сайт, версия 1".
Гость
№ 1
2011-09-25 12:33 Спам
Kolja1997
Аватар участника Kolja1997
Как зделать так, чтобы при загрузке новой страницы музыка не начиналась сначала? Подскажите плз
Николай
№ 2
2011-09-25 12:37 Спам
Kolja1997
Аватар участника Kolja1997
Szen, Прозба ответить как можно быстрее.
Николай
№ 3
2011-09-25 16:10 Спам
Szen
Аватар участника Szen
Kolja1997, для этого, нужно сам сайт делать по ajax технологии. ВКонтакте сделанно именно так. Других вариантов нету.
Szen
№ 4
2011-09-26 19:50 Спам
Kolja1997
Аватар участника Kolja1997
Жаль((((
Николай
Учавствовать в обсуждении "Музыкальный плеер на сайт, версия 1" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Каким файл-хостингом вы пользуетесь?
Всего ответов: 387
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 4
Гостей: 3
Пользователей: 1

Vercblina
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz