• Авторизация


Устанавливаем плеер на каждую страницу дневника. Грузим mp3, собираем плеер. 24-02-2011 10:04 к комментариям - к полной версии - понравилось!


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

Начнем немного не по порядку, потом поймете почему.

1. Приложение "всегда под рукой"
Скажем так, - это то место, куда лучше всего размещать плеер, на мой взгляд. В этом случае плеер будет на каждой странице вашего дневника. ( Чтоб меня не закидали тапочками,- это приложение позволяет размещать не только flash плееры, но и "любой другой" html или лирушный BB код, будь то банеры, часики и пр. "Любой другой" html - взял в кавычки, потому что как всегда есть свои исключения.)

Итак, для начала установим себе это приложение в дневник.
Самый простой способ, читая этот пост посмотреть налево:) На левую колонку в моем дневнике, там вы и увидите это приложение:
[242x179]


Не забываем для начала авторизоваться на лиру (войти под своим логином и паролем),- после чего просто жмем по стрелке на рисунке "к приложению". Сразу откроется вот такое окошечко для ввода нашего заветного html кода плеера:
[300x227]

Собственно говоря, на этом пока и остановимся. Приложение мы узнали, добавили его себе в дневник,- идем дальше.

2. Грузим mp3

Прежде, чем начинать сборку плеера, нам необходимо позаботиться о самой музыке, собственно:)
Для плеера нам нужны прямые ссылки на mp3 файлы ( т.е. на песенки). Сразу отвечу на частый вопрос -
Ссылки из папки на компьютере не подойдут! Файлы должны находиться где-нибудь в "интернете".

Соответственно, нам надо наши песенки загрузить куда-нибудь, либо найти уже загруженные и взять ссылки на эти mp3.
Куда можно загрузить mp3

Я обычно на такой вопрос отвечаю: "На лиру через обзор либо на народ" - это те два сервиса, которые я использую, и которых мне хватает.
Но есть и еще "места" куда можно залить свою музыку. Скажем спасибо Rost и сходим почитаем вот этот пост:
Где взять ссылки на файлы mp3?

Внимание!
Читаем пост по ссылке выше до части 3.
Дальше не читаем,- там конкуренты


Отлично, теперь у нас есть прямые ссылки на наши песни в формате mp3. Идем дальше.

3. Выбираем способ подгрузки mp3
Учитывая, что этот пост я пишу для использования моего плеера из прошлого поста ( Новый mp3 плеер для дневника, сайта ),- нам надо теперь решить, каким из двух возможных способов мы будем подгружать песенки в плеер.

Плеер и файл плейлиста
Это первый способ. Вся суть заключается в том, что мы создаем отдельный файл со списком песен ( название песни + прямая ссылка на нее).
Как видите, этот способ хорош возможностью прописать название нашего mp3.
Главная особенность
Плеер и плейлист должны находиться на одном сайте.
Не важно, в какой раз по счету я это буду говорить:) На этот раз попробую разжевать все подробно.

На примере ЛиРу.
Загружаем наш плеер через "обзор" в редакторе поста. В результате получаем ссылку на этот плеер. Примерно такую:
http://img0.liveinternet.ru/images/attach/c/2//3854/3854987_lw_pl.swf

Ссылка на плеер есть, теперь только надо загрузить плейлист. Тут, мы нарочно забываем об "односайтности плеера и плейлиста" и грузим наш плейлист, например, на народ.
Получаем такую ссылку:
http://legion-blog.narod.ru/lw_pl/pl.txt

Собираем наш плеер с этими ссылками и... Ничего не работает и не будет работать.

Чтобы этого избежать, еще раз перечитываем фразу "Плеер и плейлист должны находиться на одном сайте" и делаем выводы:
1. Если загрузили плеер на лиру, то и плейлист грузим на лиру через обзор. Единственное, за чем стоит проследить,- чтоб начало ссылок на плеер и плейлист были одинаковые, а точнее эта часть:
http://img0.liveinternet.ru/images/attach/c/2//3854/3854987_lw_pl.swf

Если будут отличаться ( вместо "img0" - будет "img1",- можно просто вручную заменить ноль на единицу в ссылке (проверял, работает пока:) ))

2. Если загрузили плеер на народ, то и плейлист грузим на тот же сайт на народе. Думаю, теперь вы запомните:)
Кому интересно вникнуть в эти нюансы и понять "А нафига???",-
Поищите в гугле информацию по кроссдоменной политике безопасности.


Уф, идем дальше. Способ второй:
Плеер и список песен в html коде

Используя этот способ, думать о файле плейлиста не надо. Ссылки на наши песни прописываются прямо в html коде плеера. Т.е. разместить плеер таким способом у себя в дневнике "на один файл" легче;) Плюс,- плеер грузим куда хотим, песни берем откуда хотим.
Но нет возможности прописать названия песен. (возможно,- пока нет:) )




4. Собираем плеер

У нас теперь есть все необходимое,- плеер, ссылки на песни, знания об особенностях плейлистов,- начнем собирать сам плеер.
Вспомним, что плеер мы решили разместить в приложении "всегда под рукой". Обратите внимание, ширина этого приложения очень небольшая. Чтобы Ваш плеер влез целиком,- советую отключить несколько блоков плеера.

Т.е. идем на страницу конструктора плеера и снимаем галки с ненужных блоков. Я советую снять эти:
[350x168]

В результате у нас получился не очень широкий плеер, который поместится в наше приложение. Дальше настраиваем цвет плеера по своему вкусу, отмечаем галочками нужные настройки. Тут думаю, не запутаетесь:)

Плеер "нарисовали", теперь разбираемся с песнями. Вспоминаем какой вариант подгрузки песен вы выбрали ( список в коде или файл плейлиста) и исходя из своего решения читаем соответствующее объяснение ( напомню все это еще раз, пусть будет лежать в одном посте)

1. Плеер и файл плейлиста
На страничке конструктора, в окошко вписываем прямые ссылки на песни и их названия. Делаем это так (не сбейтесь с очередности - ссылка/название):
[600x159]

Т.е. все пишем на новой строке:
Ссылка 1
Название 1
Ссылка 2
Название 2

После чего жмем кнопочку "составить плейлист":
[397x42]

Конструктор составит вам правильно этот плейлист и в этом же окошке вам его выдаст:) ( вкладку с конструктором не закрываем, она еще будет нужна).
Теперь, нам надо этот плейлист сохранить для последующей загрузки на сайт.
Открываем блокнот (все программы---> стандартные---> блокнот)

А. Если у вас просто "блокнот" (notepad):
Вставляем текст плейлиста в блокнот, затем сохраняем, не забыв сменить кодировку в процессе на UTF-8
 (200x160, 8Kb)
[400x124]

Б. Если у вас "блокнот2" (notepad2):

Сразу меняем в нем кодировку на UTF-8
Жмем файл---> кодировка---> UTF-8
[249x195]

После чего, копируем тот текст плейлиста, который вам сгенерировал конструктор, вставляем его в наш блокнот и сохраняем (файл---> сохранить как).

Соблюдая все нюансы, перечисленные выше, загружаем наши плеер и плейлист на сайт (если самого файла плеера у вас нет, ссылки на скачку даны внизу страницы конструктора)

В результате, у вас должно быть две ссылки в наличии - ссылка на плеер и ссылка на плейлист.
Возвращаемся к нашему конструктору и вписываем эти ссылки в соответствующие окошки ( не забываем жать кнопульки "ок"):
[205x117]

После этого, просто копируем код вставки вашего плеера из окошка ( для сайтов - html, для лиру подойдут оба кода)
[350x112]

Код скопировали, пропускаем в этом посте инфу про второй способ ( если вы его не выбрали) и читаем сразу про завершение нашей работы:)

2. Плеер и список песен в html коде

Этот способ гораздо проще. На страничке конструктора, в окошко вписываем ссылки на mp3. Каждая ссылка на новой строке. После чего жмем кнопочку "составить код списка песен":
[401x187]

А потом, когда конструктор сгенерирует этот код,- жмем "встроить список песен в текущий плеер":
[350x147]

Все, копируем код вставки плеера, выданный конструктором, и идем дальше.

5. Публикуем плеер в приложении "всегда под рукой". Завершение.

Вот и подобрались к логическому завершению. У нас "на руках" код нашего плеера. Теперь надо его разместить в приложении.
Находим наше приложение в левой колонке, жмем "к приложению", опять попадаем к тому окошку для вставки кода, о котором говорили в начале поста. Соответственно, вставляем наш код и жмем кнопочку "опубликовать в профиль".

Нам откроется следующая страница. Тут просто ставим галочку, как на картинке, и жмем кнопку "разрешить":

[399x43]
[203x69]


Все, теперь можно вас поздравить:) Справились:)
вверх^ к полной версии понравилось! в evernote
Legionary 24-02-2011-11:44 удалить
Ответ на комментарий genjaz # genjaz, удачи, если что- обращайтесь:)
Legionary 24-02-2011-11:44 удалить
Ответ на комментарий Люргис # Люргис, пожалуйста:)
Legionary 24-02-2011-11:47 удалить
Ответ на комментарий Rost # Rost, не поверишь, пол часа думал именно над этим, когда выделял слово "не"...
Потом плюнул и решил,- 3 поста сложнее осилить, а это придется сделать, если ослушаться моей просьбы :) А так только 2
Legionary 24-02-2011-11:47 удалить
Ответ на комментарий Дарина423 # Дарина423, всегда пожалуйста:)
Legionary 24-02-2011-11:49 удалить
Ответ на комментарий Аццкий_Аноним # Аццкий_Аноним, чей-та ты не в духе?:( а ссылки... ну вот, одну пока покажу:
http://www.liveinternet.ru/community/ramki_ot_li-web/
И заметь, я тут не при чем,- конструктор использовал лично админ сооба.. так что..;)
Ответ на комментарий Legionary # Ну и хорошо, что ему глубоко - бум пробовать ))) пользоваться
Эстэри 24-02-2011-11:57 удалить
Ответ на комментарий Legionary # Согласна,тогда буду использовать на все 100 !!!!!
Исходное сообщение Legionary:
Аццкий_Аноним , чей-та ты не в духе?:( а ссылки... ну вот, одну пока покажу: http://www.liveinternet.ru/community/ramki_ot_li-web/ И заметь, я тут не при чем,- конструктор использовал лично админ сооба.. так что..;)

Legionary, если "Песня №1", "Песня №2" и т.д. - это (по твоему) плейлист, тогда можешь считать, что я месяц не матерюсь. До 24 марта.
Идёт?

Я - в духе. Просто смотрю, как ты вместо того, чтобы отдыхать, пытаешься сделать для людей хорошее, а они только пишут тебе "спасибо!". Или твоя задача - собрать как можно больше "спасибо"?

Хочешь простой эксперимент? Сделать что-то, что в принципе работать не должно. Потом опиши это. И дождись, когда первый человек напишет не просто "спасибо", а "спасибо, конечно, только у меня - не работает :(".

Legionary 24-02-2011-12:04 удалить
Ответ на комментарий Аццкий_Аноним # Аццкий_Аноним, вот еще:
http://www.liveinternet.ru/users/so-ni/post153097914/

Нет, задача конечно же не такая:)
А такое уже было Тоже вроде с плеером... недоглядел немного в скрипте, а пост опубликовал:)))
Мысль я понял. Но я же тоже когда-то мало что понимал, бегал по сайтам в поисках плеера для своего "народного сайта", раза с 3-его до меня полностью доходил процесс установки и пр... Вот, такие тоже есть (мало, но есть), авось придут и домучают свои "понимания реальности":)
Исходное сообщение Legionary:
Аццкий_Аноним , вот еще: http://www.liveinternet.ru/users/so-ni/post153097914/


Legionary, не зачёт! Где русский плейлист? ;)
ShaNura3 24-02-2011-12:12 удалить
спасибо!бум ставить
Legionary 24-02-2011-12:15 удалить
Ответ на комментарий Аццкий_Аноним # едрить колотить:)
http://so-ni-blog.narod2.ru/Music/Orkestr_The_Lavender_Hill_-_V_utrennem_svete.txt
Файл плейлиста в кодировке UTF-8 :) Съел?:)
Legionary 24-02-2011-12:15 удалить
Ответ на комментарий ShaNura3 # ShaNura3, пожалуйста:))
BraveDefender 24-02-2011-12:16 удалить
Спасибо! Отличный пост.
Legionary 24-02-2011-12:18 удалить
Ответ на комментарий BraveDefender # BraveDefender, вау... спасибо за спасибо!:)
Legionary 24-02-2011-12:18 удалить
Ответ на комментарий Жузявочка # Жузявочка, пробуйте:) все просто, только кажется заумным:)
Legionary 24-02-2011-12:19 удалить
Ответ на комментарий Эстэри # Илатан, буду ждать;)
Ответ на комментарий Legionary # Это вам легко и просто...А нам блондам, которые только начали это осваивать не так уж...Я не слова новые изучаю, а БУКВЫ!! Уже памятник прижизненный заказывать решила, если всё преодолею. надо будет себя побаловать, - после ста тысяч нервных срывов...
Исходное сообщение Legionary:
едрить колотить:) http://so-ni-blog.narod2.ru/Music/O...ennem_svete.txt Файл плейлиста в кодировке UTF-8 :) Съел?:)


Legionary, вау!!!
Ты сделал это!
Поздравляю.
Legionary 24-02-2011-12:26 удалить
Ответ на комментарий Аццкий_Аноним # Аццкий_Аноним, дык везет как утопленнику
Legionary 24-02-2011-12:29 удалить
Ответ на комментарий Жузявочка # Жузявочка,
не надо срывов:) все планово, спокойно, изучаем.. не суетясь.. иногда лучше уточнить, чем самому голову ломать... так что все будет ОК, я узнавал:)
Ответ на комментарий Legionary # Хорошо, что вы так информированы - меня -то об этом никто не уведомил... "Тяжело искать черную кошку в темной комнате, особенно когда её там нет..."
Но я вам поверю - чувствуете, какая ответственность упала на ваши плечи тяжелым грузом...
будете смеяться - но я целую минуту искала редактор поста - терминами вообще не владею. А учебник Лирушный - полуфабрикат - скомпонован от разных авторов, тяжко в нем разбираться...
Ладно. не буду жаловаться, а то вас слеза как прошибет, или вы уже закаленный в этом плане?
Пойду дальше грызть... и вопросы каверзные задавать )))
- это я подлизываюсь, хотя и знаю что бесполезно - спасение утопающих...
ессения 24-02-2011-12:42 удалить
Спасибо я забираю,надеюсь научиться.
Legionary 24-02-2011-12:46 удалить
Ответ на комментарий Жузявочка # Жузявочка, все поправимо:)
И ничего не бесполезно:) меня всегда можно спросить:) Лучше конечно в личку, а то я иногда люблю исчезать из днева, занимаясь чем нить интересным:) а на личку отвечаю, по мере возможности:) (личка - личные сообщения, в самом верху есть ссылка "ЛС"... ну это я на всякий случай)
Legionary 24-02-2011-12:47 удалить
Ответ на комментарий ессения # ессения, все получится:) главное не торопиться и все делать планово, по шагам:)
Ответ на комментарий Legionary # ЛС - это яизучила, вот где уж совсем просто - тм бы я немного добавила, но...бодливой корове бог рог не дает. и ещё видно ума. что рогов нет...
Спасибо, я обязательно воспользуюсь, но только сначала всё на десять раз перепробую. Удовольствие получаю от того, когда сама дохожу. Но не до фанатизма )))
Legionary 24-02-2011-12:52 удалить
Ответ на комментарий Legionary # Жузявочка, договорились:)
BraveDefender 24-02-2011-13:10 удалить
А куда на Лиру файл txt загружать?
Legionary 24-02-2011-13:11 удалить
Ответ на комментарий BraveDefender # BraveDefender, как куда? все туда же:) Через обзор в редакторе поста:)
BraveDefender 24-02-2011-13:13 удалить
Ответ на комментарий Legionary # Короче у меня нифига не поучилось.


Вы сейчас не можете прокомментировать это сообщение.

Дневник Устанавливаем плеер на каждую страницу дневника. Грузим mp3, собираем плеер. | Legionary - Legionblog | Лента друзей Legionary / Полная версия Добавить в друзья Страницы: «позже раньше»