понедельник, 14 апреля 2014 г.
Как изменить цвет плеера под цвет рамочки,а потом вставить плеер в картинку?Урок...
Как изменить цвет плеера под цвет рамочки,а потом вставить плеер в картинку?Урок...
Arnusha
Друзья,если пост понравился, не забудьте процитировать...Буду признательна.Спасибо.
Мне часто задают вопрос как самим изменить цвет плеера,чтобы он подходил под цвет вашей рамочки или дизайн вашей странички.
И раз зашел об этом разговор,то проследим вместе с вами весь путь ,где взять,как взять и как поменять цвет,размер и всё остальное.
ИТАК,начнем:
Нам нужен плеер с музыкой...код которого можно получить на таком вот например сайте..http://privet.ru/
Найдите там слово АУДИО и жмите.(рис.1)
[more=
Жмём]
На открывшейся странице, которая откроется выше увидите слова РАСШИРЕННЫЙ ПОИСК .(рис 3).,жмите на это,дальше вводите исполнителя и название песни,которое вы будете вставлять в плеер.Ну вот вам открылся плеер и музыка на нем,а возле плеера есть код.Это правый нижний угол от плеера..Вот его мы и будем копировать..
Копируем его...
Скопированный код переносим в свой Дневник, вставляем в HTML-режиме.
Корректируем основные параметры. Высота height="75", вместо цифры 75, пишем 18.
Заменяем в Коде 2 раза!
Ширина width="470" Цифру 470 заменяем на любую, например, на 270.
Заменяем в Коде 2 раза!
Размеры меняйте под свои рамочки,картинки,какие хотите.Здесь я привожу те,которые я
обычно меняю для своих рамок.
Итак:меняем цвет плеера:
backcolor=0xFFFFFF - это цвет плеера. Нужно заменить 6 знаков после 0x. Заменяем в коде 2 раза.
frontcolor=0x000000 - это цвет значков на плеере.
Нужно заменить 6 знаков после 0x. Заменяем в коде 2 раза.
frontcolor=0x000000 - это цвет значков на плеере.
Нужно заменить 6 знаков после 0x. Заменяем в коде 2 раза.
lightcolor=0xF26521 - это цвет линии загрузки мелодии.
6 знаков после 0x заменяем в коде 2 раза.
Вот такой плеер я взяла
[flash=470,75,http://music.privet.ru/swf/mp3player.swf?autostart=false&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat15.privet.ru%2Fmp3%2F090681f3d928ab007b9be654683d1001&type=mp3&id=136656302&callback=http://music.privet.ru/callback.php&backcolor=0x8573ff&frontcolor=0xe6e195&lightcolor=0xff00dd]
Вот таким его можно сделать
[flash=270,18,http://music.privet.ru/swf/mp3player.swf?autostart=false&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat15.privet.ru%2Fmp3%2F090681f3d928ab007b9be654683d1001&type=mp3&id=136656302&callback=http://music.privet.ru/callback.php&backcolor=0xFF0000&frontcolor=0xe6e195&lightcolor=0xff00dd]
Коды цвета можно посмотреть и взять здесь,установив вот эту симпатичную флешку:
Готово! Теперь копируете отредактированный код и вставляете куда вам надо!
Вот готовый код формула,где видно,куда вставлять адрес картинки,куда вставлять Исполнителя и название песни....а вместо слов КОД ПЛЕЕРА---естественно вставляете сам плеер, то есть его код..
Вот приблизительно вот так будет всё..Тут у кого какая фантазия.Удачи!!!
[flash=270,18,http://music.privet.ru/swf/mp3player.swf?autostart=false&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat17.privet.ru%2Fmp3%2F0a0cf449234e6323bfa9e74ac51702a7&type=mp3&id=257284319&callback=http://music.privet.ru/callback.php&backcolor=0x993300&frontcolor=0xFFCC33&lightcolor=0xCCCCCC]
[user=Arnusha]
<div
style="background-image: url(АДРЕС КАРТИНКИ);border-style: double;
background-position: 50% 0%; padding:640px 0px 0px 0px;
background-repeat:;width:533px"><div style="background-image:
url();border-style: ; background-position: 0% 0%; padding:0px 0px 0px
20px; background-repeat:no-repeat;"><div style="text-align:
center; font: 20px Arial;font-style: italic; color: #ffffff;
padding:2px;">АВТОР МУЗЫКИ И НАЗВАНИЕ</div><center>КОД
ВАШЕГО ПЛЕЕРА</center></div></div>
Надежда Кадышева "Ворожи,не ворожи..."
вторник, 11 февраля 2014 г.
Используем музыку с сайта "privet.ru" в других плеерах
Используем музыку с сайта "privet.ru" в других плеерах
Очевидно многие уже читали моё сообщение "Как вставить плеер с сайта «privet.ru»?". Но наверняка многих не устраивало то, что нельзя взять только mp3-файл без плеера. Почему это нельзя! Очень даже можно! Вот вам несколько примеров.
JW-player:[flash=400,20,http://img0.liveinternet.ru/images/attach/c/1/3804/3804531_jp.swf?width=400&height=20&file=http://stat17.privet.ru/mp3/09275969e71837755e0e77ed2fe51fa7&type=mp3&backcolor=AAAAAA&frontcolor=000000&link=http://www.aliveinternet.ru/&backcolor=&frontcolor=&lightcolor=&screencolor=]
Плеер от программы "Free Studio":[flash=200,20,http://img1.liveinternet.ru/images/attach/c/1//3795/3795123_player.swf?mp3=http://stat17.privet.ru/mp3/09275969e71837755e0e77ed2fe51fa7&width=200&height=20&autoplay=0&autoload=0&loop=0&volume=100&showstop=1&showinfo=0&showvolume=1&showslider=1&loadingcolor=c9c9c9&bgcolor1=565656&bgcolor2=464646&bgcolor=565656&buttoncolor=ffff99&buttonovercolor=999999&slidercolor1=ffff99&slidercolor2=bbbbbb&sliderovercolor=999999&textcolor=ffff99]
Ещё один пример можете посмотреть в блоке "Музыкальный плеер" в левой моего блога (песня №5).
Хотите знать, как это сделать? Тогда [more=нажмите на эту ссылку]читайте ниже.
Шаг №1. Получаем код плеера с сайта "privet.ru".
Это я уже описывал в сообщении "Как вставить плеер с сайта «privet.ru»?". Как это сделать? Надо зайти в сообщение, ссылку на которое дал уже дважды в этом сообщении, и последовательно пройти шаги с 1-го по 3-ий. Не тут, а там.
Шаг №2. Находим в скопированном коде ссылку на mp3-файл.
Это тоже не сложно. Вот код из описанного в сообщении "Как вставить плеер с сайта «privet.ru»?" примера:

<object data="http://music.privet.ru/swf/mp3player.swf" type="application/x-shockwave-flash" height="75" width="470" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" ><param name="movie" value="http://music.privet.ru/swf/mp3player.swf"><param name="flashvars" value="autostart=false&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat17.privet.ru%2Fmp3%2F09275969e71837755e0e77ed2fe51fa7&type=mp3&id=210559614&callback=http://music.privet.ru/callback.php&backcolor=0xC5CC7A&frontcolor=0x000000&lightcolor=0xF26521" /><embed src="http://music.privet.ru/swf/mp3player.swf" width="470" height="75" flashvars="autostart=false&bufferlength=3&showeq=true&file=http%3A%2F%2Fstat17.privet.ru%2Fmp3%2F09275969e71837755e0e77ed2fe51fa7&type=mp3&id=210559614&callback=http://music.privet.ru/callback.php&backcolor=0xC5CC7A&frontcolor=0x000000&lightcolor=0xF26521" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>Ссылка на mp3-файл там присутствует дважды после "file=" (смотрите на то, что подчеркнул). Шаг №3. Приводим ссылку на mp3-файл к общепринятому виду. Тут надо проявить особое внимание. Вот ссылка из кода плеера: http%3A%2F%2Fstat17.privet.ru%2Fmp3%2F09275969e71837755e0e77ed2fe51fa7 В ней надо сделать следующие 2 замены: 1. Заменить "%3A" на ":". 2. Заменить "%2F" на "/". Вот что получается: http://stat17.privet.ru/mp3/09275969e71837755e0e77ed2fe51fa7 Собственно всё. Это и есть та ссылка на mp3-файл, которую вы можете использовать в сторонних плеерах (см. примеры выше). Примечание Для JW-player нужно в код плеера после ссылки на mp3-файл добавить "&type=mp3". Например, вот код плеера, который разместил в начале сообщения. Обратите внимание на то, что подчеркнул: [*flash=400,20,http://img0.liveinternet.ru/images/attach/c/1/3804/3804531_jp.swf?width=400&height=20&file=http://stat17.privet.ru/mp3/09275969e71837755e0e77ed2fe51fa7&type=mp3&backcolor=AAAAAA&frontcolor=000000&link=http://www.aliveinternet.ru/&backcolor=&frontcolor=&lightcolor=&screencolor=][/more] А в следующий раз научу, как использовать сайт "privet.ru" для хранения mp3-файлов любых разумных размеров.
Подписаться на:
Сообщения (Atom)