ЮЗАО г. Москвы
https://uzaok.ru/

Как сделать онлайн проигрыватель музыки у себя на сайте
https://uzaok.ru/viewtopic.php?f=54&t=1454
Страница 1 из 1

Автор:  octavia [ 08 янв 2012, 12:46 ]
Заголовок сообщения:  Как сделать онлайн проигрыватель музыки у себя на сайте

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

Отвечаю :)

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

В любое нужное вам место на своей страничке в теги 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.

Автор:  Зина [ 08 янв 2012, 13:02 ]
Заголовок сообщения:  Как сделать онлайн проигрыватель музыки у себя на сайте

спасибо girl_in_love

Автор:  octavia [ 08 янв 2012, 13:02 ]
Заголовок сообщения:  Re: Как сделать онлайн проигрыватель музыки у себя на сайте

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

Автор:  octavia [ 14 янв 2012, 18:40 ]
Заголовок сообщения:  Как сделать онлайн проигрыватель музыки у себя на сайте

Дракоша

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

Есть неплохой сайт для веб-мастеров.
Короче, идем сюда: 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
1.JPG [ 24.46 KIB | Просмотров: 5613 ]


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

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

Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/