Как сделать онлайн проигрыватель музыки у себя на сайте

octavia

Тут меня спросили, как можно на своем сайте организовать что-то типа каталога музыки и онлайн-проигрывателя этой самой музыки. И желательно, чтобы без использования каких-либо скриптов.

Отвечаю

Есть хороший скрипт.

В любое нужное вам место на своей страничке в теги body вставляем код:

Код:

<script type="text/javascript" src="http://szenprogs.ru/scripts/swfobject.js"></script>
<div id="player_box1" style="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/player.swf?r="+rnumber, "player_code", "185", "131", "9");
  so.addParam("wmode", "transparent");
  so.addParam("allowScriptAccess", "always");
  so.addVariable("skin", "http://szenprogs.ru/flash/player_skins/blue.png");
  so.addVariable("tracks", "http://szenprogs.ru/music/atb-trilogy.mp3|http://szenprogs.ru/music/Andru_Donalds-Hurts_to_be_in_love.mp3");
  so.write("player_box1");
</script>

В коде найдем следующие параметры, которые настраиваем:

"185" - ширина плеера. Стандартный размер "185". При изменении этого значения плеер масштабируется по горизонтали.
"131" - высота плеера. Стандартный размер "131". При изменении этого значения плеер масштабируется по вертикали.
"9" - версия Flash плеера с которым сможет работать плеер. Если в браузере пользователя установлен плеер, версия которого ниже обозначенной, то выйдет предложение установить или обновить Flash-плеер.
"skin" - адрес к скину плеера. При помощи него можно изменить внешний вид плеера. Варианты оформления плеера можно найти здесь: http://szenprogs.ru/blog/muzykalnyj_ple ... 9-06-02-46
"tracks" - адреса композиций, которые будут в плейлисте. Адреса музыкальных файлов разделяются символом вертикальной черты (|).

Пример работы скрипта здесь: music/music.html

Один-единственный минус - скрипт запускается удаленно с сайта http://szenprogs.ru. Поэтому если этот сайт лежит, то и скрипт работать не будет.

Есть более сложные скрипты, где помимо проигрывания музыки, еще можно осуществлять поиск по базе данных. Но эти скрипты уже будут работать на хостинге с поддержкой PHP и MySQL.

Зина

спасибо

octavia

Ну и еще один минус - флеш объект не понимает кириллические символы. Поэтому названия композиций - только латиницей.

octavia

Дракоша

Специально для Вас нашел еще один способ организовать на сайте онлайн-проигрыватель музыки.

Есть неплохой сайт для веб-мастеров.
Короче, идем сюда: http://www.knigopad.ru/generator/5_b.htm - это онлайн-генератор скрипта медиаплеера.
После нехитрых преобразований получаем скрипт:

Код:

<embed src="http://www.uzaok.ru/krest.mp3" autostart="false" loop="true" width="285" height="45"></embed>

где embed src="путь к песне, размещенной в интернете"

Код скрипта может быть немного другим.

Вставляем его в нужное место на странице.

Пример работы можно посмотреть все там же: music/music.html (второй вариант)

Вложение:

1.JPG [ 24.46 KIB | Просмотров: 5791 ]

Минусы:
-под каждую песню надо делать свой проигрыватель
- для мозиллы надо установить надстройку к браузеру quick time. Лежит тут http://www.apple.com/quicktime/download/ Во время установки не забыть закрыть мозиллу.
- не тестировалась на windows vista и windows 7. Но я думаю, должно быть все ок.

В internet explorer все видно нормально.

Важная информация для жителей	Последние темы форума	Опросы	История, Усадьбы, культурное наследие ЮЗАО
26-май Спортивные успехи и достижения жителей 25-ноя События 2022 года в ЮЗАО 10-ноя Доска почета жителей ЮЗАО 02-мар Школы и школьники ЮЗАО г. Москвы 24-фев Черемушки - новостная лента жизни района 22-фев Из истории строительства районов ЮЗАО	25-сен Запушена первая чать Троицкой линии на день города 2024 30-июн Машины во дворах 31-май Перекрыто метро между станциями Университет и Парк культуры 31 мая 2024 г.! 31-май Экопраздник в конном дворе в усадьбе Узкое 1 июня 2024 года 31-май Разрешено купание в зоне отдыха "Тропарево" 2024! 25-май В усадьбе Воронцово открылась выставка «Энциклопедия времени. А.С. Пушкин. Золотой век»	02-фев Довольны ли Вы уборкой снега в вашем районе? 07-авг Удовлетворены ли вы благоустройством в вашем районе? 04-фев Каким типом электросчетчиков вы пользуетесь? 17-июл Нужны ли нудистские пляжи в Новой Москве?	18-окт Церковь Рождества Богородицы в Говорово 02-мар Храм Михаила Архангела в деревне Летово (Калужское шоссе) 08-фев Усадьба Коробково (Коробовские сады) 01-фев Деревня Брехово 18-фев Туризм и краеведение 04-окт 3-я Открытая краеведческая конференция «Новая Москва и окрестности»

Новости районов

Коллекция фото

Культурная жизнь

Исторический раздел

Об усадьбах ЮЗАО

Online библиотека

Культурное наследие

Спортивные секции

Строительство в ЮЗАО

Сфера ЖКХ

Информация о проектах

История строительства

О природе округа

Темы на форуме

Как сделать онлайн проигрыватель музыки у себя на сайте

Кто сейчас на форуме