• Анонсы тем форума
  • Java scripts кто нибудь пишет программки?
    Нужен небольшой скриптик на джаве, чтобы прога автоматом нажимала на сайте пару кнопок и сохраняла файлик, присваивая ему имя из счетчика.
    Делаем простой интернет-магазин на html шаблоне
    найдутся желающие покритиковать? При просмотре страницы глаза разъехались в стороны, как у китайца и опять же - цветовая гамма очень яркая, сразу отпугивает :) Покупателям нужно немного другое. Почему бы не сверстать...
    Новый умный алгоритм поиска от Яндекса - Калининград
    Вчера, 12.12.2012 Яндекс объявил о выходе совершенно нового, и по-своему революционного. Обещается, что отныне до 80% запросов пользователей будут персонализованными. Что это значит? Если коротко, то стоит признать, что...
    Продвижение сайта в поисковых системах: разные методы
    Продвижение сайта в поисковых системах: разные методы – разный результат http://www.intelsib.ru/new_intelsibTpl/img/provide-image-01.png http://www.intelsib.ru/new_intelsibTpl/img/provide-image-02.png Владельцы сайтов, небольших визиток, интернет-магазинов нуждаются в...
    Рисуем в Photoshop
    вот, из новенького))) задача: создать обложку для сборника. шаг 1. рисуем объект (в данном случае воздушный шар) http://www.creative.su/sites/creative.su/data/SubFileStorage/korabl_copy1_32450_p1.jpg
    Как сделать онлайн проигрыватель музыки у себя на сайте
    Тут меня спросили, как можно на своем сайте организовать что-то типа каталога музыки и онлайн-проигрывателя этой самой музыки. И желательно, чтобы без использования каких-либо скриптов. Отвечаю :) Есть хороший...
    Дизайн в индийском стиле - обсуждаем, критикуем...
    сюжет таков: надо сделать очень красивый сайт для одной талантливой танцовщицы. пока сайт находится в полу разобранном состоянии: заглавную страницу я начала улучшать, а всё остальное пока в исходном состоянии ...
    Развлечения на сайтах
    На весьма уважаемых и посещаемых сайтах можно увидеть неожиданное: кликнуть чайку http://www.lazurnoe.com/ кликнуть по носу оленю в правом верхнем углу http://www.greenbag.ru/story/finland/ Кликаем три раза на рыбаке на...
    У вас есть персональный сайт?
    енто мой http://kami25.far.ru/screen.jpg http://kami25.far.ru и там есть ссылочка прямо сюда)
    Ностальгия по прошедшим годам и ушедшим в небытие проектам
    Тут хотел бы поделиться интересным для вебмастеров сайтом: http://web.archive.org Суть проста: вводим адрес сайта, и получаем то, как он выглядел в разные годы своего существования. У меня раньше были небольшие интернет - проекты....
    1 2 3 4 5 6 7 8 9 10

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

Форум для начинающих веб-дизайнеров. Показываем свои работы, делимся опыт, обсуждаем процесс создания персонального сайта
Ответить
Аватара пользователя
octavia
Сообщения: 14726
Зарегистрирован: 03 дек 2010, 17:32
Откуда: Санкт-Петербург
Благодарил (а): 4 раза
Контактная информация:

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

Сообщение 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" - адреса композиций, которые будут в плейлисте. Адреса музыкальных файлов разделяются символом вертикальной черты (|).

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

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

Есть более сложные скрипты, где помимо проигрывания музыки, еще можно осуществлять поиск по базе данных. Но эти скрипты уже будут работать на хостинге с поддержкой PHP и MySQL.
Зина
Почетный Житель
Почетный Житель
Сообщения: 2011
Зарегистрирован: 15 янв 2011, 18:29

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

Сообщение Зина »

спасибо girl_in_love
Аватара пользователя
octavia
Сообщения: 14726
Зарегистрирован: 03 дек 2010, 17:32
Откуда: Санкт-Петербург
Благодарил (а): 4 раза
Контактная информация:

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

Сообщение octavia »

Ну и еще один минус - флеш объект не понимает кириллические символы. Поэтому названия композиций - только латиницей.
Аватара пользователя
octavia
Сообщения: 14726
Зарегистрирован: 03 дек 2010, 17:32
Откуда: Санкт-Петербург
Благодарил (а): 4 раза
Контактная информация:

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

Сообщение 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="путь к песне, размещенной в интернете"

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

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

Пример работы можно посмотреть все там же: http://www.uzaok.ru/music/music.html (второй вариант)
1.JPG
1.JPG (24.46 КБ) 7735 просмотров
Минусы:
-под каждую песню надо делать свой проигрыватель
- для мозиллы надо установить надстройку к браузеру quick time. Лежит тут http://www.apple.com/quicktime/download/ Во время установки не забыть закрыть мозиллу.
- не тестировалась на windows vista и windows 7. Но я думаю, должно быть все ок.

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

Вернуться в «Веб-дизайн»