мой волшебный мир кулинарии и творчества (laura_mz) wrote,
мой волшебный мир кулинарии и творчества
laura_mz

Category:

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

Автор - Legionary. Это цитата этого сообщения
Устанавливаем плеер на каждую страницу дневника. Грузим mp3, собираем плеер.

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

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

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

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


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

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

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. Собираем плеер

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

Т.е. идем на страницу конструктора плеера и снимаем галки с ненужных блоков. Я советую снять эти:
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)


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

Оригинал записи и комментарии на LiveInternet.ru

Subscribe

  • Я вернулась с моей новой бижутерией, ура!

    Я вернулась с моей новой бижутерией, ура! Случился у меня такой большой перерыв, не могла никак добраться до компьютера несколько месяцев... Но без…

  • Пельмени с фаршем из индейки

    Иногда балую себя любимую пельмешками. Обычно беру фарш индейки смеси тёмного и белого мяса, лук, зелень. Тесто из делаю из смеси 3х разновидностей…

  • Сироп из молодых побегов ели

    Нашла информацию о том, что можно использовать в пищу молодые побеги хвойных деревьев. Их добавляют в салаты, можно сделать прохладительный напиток…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments