Это цитата сообщения -tdutybz- Оригинальное сообщение
mp3 плеер с плей-листом для лиру
Как правило, я слушаю музыку он-лайн и в связи с тем, что на лиру бываю чаще всего, мне было бы очень удобно слушать музыку он-лайн именно здесь. Лирушный плеер лично для меня не подходит по многим причинам, поэтому вчера задалась целью заиметь у себя в эпике мр3 плеер с плей-листом.
Скажу сразу, что обычный скрипт для лиру не подойдет, он просто не отобразится и использовать надо мр3 плеер сделанный по технологии flash. В этом случае удобно просто применить конструктор, но как выяснилось, не все конструкторы выдают нужный код, многие сложны в употреблении.
Перепробовав кучу вариантов, остановилась на двух конструкторах - первый для большого плей-листа, второй для одной песни, которую можно вставить в пост. Что касается второго плеера, то я выбрала его потому, что существует возможность не только закачки музыки, но и конструирования самого вида плеера, то есть его можно сделать любого цвета, любого размера и т.д., в то время как большинство конструкторов предлагают только закачать одну песню в плей-лист и максимум изменить цвет готового плеера, размер как правило нельзя изменить.
Итак, инструкция по созданию мр3 плеера для одной песни:
Плеер на Flv-mp3.com/ru/
Этот плеер довольно прост,и сделать его не составит большого труда.
1.Заходим на сайт http://flv-mp3.com/ru/
Там нам предлагается две модели для сборки: Видео (flv-плеер для сайта) и Аудио (mp3-плеер для сайта).Как Вы наверное уже поняли,нам нужен Аудио.
Под картинкой с изображением плеера Вы можете увидеть две кнопки: "Скачать" и "Собрать".Нам нужна кнопочка "Собрать".
Скриншот
2.Открылась страница,на которой мы и будем делать МР3 плеер.
Скриншот
а) Прямая ссылка на mp3-файл -здесь,как и в плеере myspace нам нужна прямая ссылка на файл,т.е. начинающаяся с 'http://' и заканчивающаяся '.mp3' (См.пост №2)
б) Путь к swf-файлу плеера - здесь уже есть ссылка,мы ее не трогаем.
в) Надпись - здесь Вы можете написать название песни,которую загружаете в плеер.
г) Минуты Cекунды -здесь можете указать длительность музыкального трека (необязательно),поэтому можете просто поставить 00:00.
д) Размеры -тут я думаю все понятно.Скажу лишь,что настраивать можно только ширину,высота указывается автоматически.
е) Автозапуск -оставляем "Нет",т.к. это более удобно.(Хотя если хотите,то можете поставить "Да")
ж) Цвет -выбираете цвет плеера.Помимо стандартной палитры,Вы можете выбрать один из скинов.(Чтобы воспользоваться этой функцией,ставите галочку напротив "Скин",и используете кнопку "Выбрать скин на сервере".)
з) Громкость звука -70% по умолчанию,можете делать громче или тише.Так же в этой строчке находится парамерт "Прямые углы".Если Вы поставите галочку напротив,то Ваш плеер будет иметь вид прямоугольника,если же не поставите,то это будет прямоугольник с закругленными краями=)
3.И наконец нажимаете на кнопку "Собрать и получить html-код".Вам выдадут код,который можете разместить там,где Вам угодно.
Скриншот
Теперь усложняем задачу. Инструкция по созданию мр3 плеера с большим плей-листом, в нашем случае до 80 треков на один плей-лист:
Плеер на Player.myspace-player.com
1.Регистрация там не обязательна (но она дает возможность сохранить плейлист,если вдруг Вы захотите редактировать его),поэтому Вы идете по ссылке - Click HERE to create playlist as an anonymous user.(соответственно,если хотите зарегистрироваться,то переходите по ссылке - Click HERE to register an account.)
Скриншот
Вы попадете на страницу "Select Your Player Category/Type",в которой Вы сможете выбрать вид вашего плеера.
После выбора переходим на следующую страницу,нажав кнопку "Continue".
Скриншот
2.Следующая страница "Select Your Player's Skin".Там Вы сможете выбрать оформление Вашего плеера.
Думаю,что с этим проблем не возникнет,ибо оформлений там довольно много.
Выбрали? Теперь двигаемся дальше,нажимая на ту же кнопку "Continue".
Скриншот
3.Теперь переходим к самому важному - загрузке музыки в плеер.Прежде чем мы рассмотрим как и куда ее загружать,нужно разобраться с настройками:
Start Player Automatically -Запускать плеер автоматически.
Show the Equalizer - Показывать эквалайзер.
Opened the Play List - Открытый плейлист.
Randomize Tracks - - Случайное распределение треков.
Для каждого вида плеера количество настроек может быть различным,но эти являются самыми основными.
Нужное помечаем галочками.(думаю это и так понятно;)
Далее Вы можете указать количество треков в вашем плеере.По умолчанию стоит 15.
Скриншот
4.Теперь о загрузке музыки:
В колонке Track URL Вы указываете ссылки на вашу музыку.
Главное условие: ссылка должна начинаться с 'http://' и заканчиваться '.mp3'.Такие ссылки можно взять на различных сайтах с музыкой (по возможности буду добавлять сюда ссылки на такие ресурсы),или же можно воспользоваться хостингом для загрузки файлов.
Рекомендую пользоваться http://www.hotlinkfiles.com/ Довольно простой и понятный хостинг,с помощью которого мы получим нужные нам ссылки.(Подробное описание загрузки файлов можете изучить в посте №2).
Итак,Вы загрузили файл,теперь вставляем ссылку на него в колонку Track URL,напротив в колонке Title/Artist пишете название трека/артиста.
Плейлист готов? Тогда идем дальше.
Скриншот
5.Финальная страница - "Get Player Code" .
Здесь Вы можете увидеть что же у Вас получилось в итоге,а также тут Вы получите код,который можно поставить на форум.(HTML-верх или низ,а также можно поставить в объявление).
Скриншот
ВНИМАНИЕ!
При размещении полученного кода на лиру, необходимо предварительно переключиться на простой режим, либо же в расширенном режиме перед тем, как вставить код, предварительно нажать на кнопку Источник в панели.
Таких плей-листов вы можете создать бесчисленное количество и поместить их в тот же эпик на лиру и прослушивать музыку он-лайн. Вы можете дать готовый код друзьям, если им нравится ваша музыка.
А теперь самое главное. Где же взять необходимые вам прямые ссылки, которые нужно указать в плеере при его конструировании.
Вы, конечно же, можете самостоятельно загрузить вашу любимую музыку на специальный мультимедиа-хостинг и получить прямую ссылку, но это долго, нудно и геморно. Есть вариант гораздо проще, а именно выдрать прямые ссылки из аудиобазы сайта Вконтакте. Как известно, сайт Вконтакте - мегахранилище музыки, такакого количества треков и исполнителей нет больше нигде. Многие, наверное, знают множество способов, как качать музыку с сайта Вконтакте. Я расскажу вам свое проверенный и по моему мнению один из самых быстрых способов, при использовании которого можно не только скачать музыку, но и получить ту самую нужную нам прямую ссылку для нашего плей-листа.
Итак, для тренировки можете взять мои аудиозаписи, они дотупны всем зарегистрированным Вконтакте пользователям. Ссылка на мою страницу есть у меня в профиле))) Вы также можете воспользоваться поиском по аудиозаписям, набросать свою подборку на сайте Вконтакте, а потом приступать к следующим действиям.
Итак, вы находитель с разделе Аудиозаписи (не важно чьи, мои, ваши или постороннего человека). Вам потребуется следующий провереннный на практике скрипт:
java script:function operate(konfuze,loves,you,all_,xP){you=you.toString(10);while(you.length<5){you='0'+you;}document.getElementById('audio'+konfuze).innerHTML='<div><a href="'+loves+'">Cкачать '+document.getElementById('performer'+konfuze).innerHTML+' - '+document.getElementById('title'+konfuze).innerHTML+'</a></div><br />';}
Копируем этот скрипт в строку адреса, убираем пробел между java и script и нажимаем Enter.
Теперь при нажатии на кнопку проигрывания, вместо неё будет показываться ссылка для скачивания. У меня Firefox, поэтому чтобы скачать музыку, мне достаточно просто нажать на слово Скачать. Но нам нужно не скачать, а прямая ссылка. Правой кнопкой мыши нажимаем на слове Скачать и далее выбираем в списке Копировать ссылку. Вствляем в нужное место при конструировании плей-листа. Название песни можно также скопировать, а не вбивать вручную.
Ну вот, собственно говоря, и все. Пример моего плей-листа вы можете посмотреть в эпике и также протестировать его на работоспособность.
Обзор подготовлен по материалам следующих источников:
Секреты ВКОНТАКТЕ.РУ и вконтаквесты