-Рубрики

 -Всегда под рукой


Устанавливаем плеер на каждую страницу дневника. Грузим mp3, собираем плеер.

Среда, 04 Июня 2014 г. 02:17 + в цитатник
Цитата сообщения Legionary Такой подытоживающий пост, чтобы уж снять все вопросы на будущее. Уж постарайтесь его прочитать,- текста конечно много, зато большинство вопросов получат свои ответы, да и в дальнейшем вам все это пригодится.

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

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

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


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

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

2. Грузим mp3

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

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

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

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


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

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

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

На примере ЛиРу.
Загружаем наш плеер через "обзор" в редакторе поста. В результате получаем ссылку на этот плеер. Примерно такую:
//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. Собираем плеер

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

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

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

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

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

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

После чего жмем кнопочку "составить плейлист":
 (397x42, 6Kb)

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

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

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

Сразу меняем в нем кодировку на UTF-8
Жмем файл---> кодировка---> UTF-8
 (249x195, 15Kb)

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

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

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

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

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

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

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

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

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

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

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

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

 (399x43, 6Kb)
 (203x69, 4Kb)


Все, теперь можно вас поздравить:) Справились:)

Серия сообщений "Flash, видео, уроки, программы":
Часть 1 - Как загружать и редактировать флеш файлы на ЛиРу.
Часть 2 - Всё про использование флеш на ЛиРу
...
Часть 25 - Приложение "Всегда под рукой" бегущей строкой на прозрачном фоне в рамке
Часть 26 - Собираем плейлист для приложения "Всегда под рукой"
Часть 27 - Устанавливаем плеер на каждую страницу дневника. Грузим mp3, собираем плеер.
Часть 28 - Новостная бегущая строка для дневника, сайта
Часть 29 - Полезная Flash для изучения иностранных языков
Часть 30 - Редактор-фотошоп в вашем дневнике

Метки:  



 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку