Меню

Четыре способа сделать блог музыкальным или как вставить музыку в статью

Бли-и-ин, что ж писать-то так лень. Капец какой-то. Здрасте всем.

Вот ничего не хочется, а  хочется только сидеть с наушниками на башке и слушать музыку. Тупо так, пялиться в одну точку и слушать музыку. Разную.

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

Естественно, все под настроение. Слушаю все подряд, как та обезьяна… от шансона и попсы до панк-рока и металла.

Но основное направление – это рок, причем больше наш рок. Наутилус, Сплин, Агата Кристи, ДДТ, Алиса, Чиж и Ко, Чайф и так далее. Опять же не все подряд, а выборочно.

 

Но бывает, что цепляет что-то одно и могу слушать довольно долгое время. Вон, помниться, в прошлом году конкретно прибивался по КиШ (Король и Шут), зацепило чем-то. Знаю-знаю, музыка специфическая, но вот зацепило. Главное в слова не вслушиваться, а так нормально:

 

Не понравилось? Жаль! А мне нравиться.

Заметили уже наверное, что частенько у меня музыка появляется. Получается этакий звучащий бложик. А знаете как можно вставить музыку в статьи? Даже разными способами! Сейчас я вам расскажу.

Вставляем музыку в блог

к меню

Способ первый. Код

Самый простой способ – это конечно же использовать код.

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

Из минусов.

  • Требуется копировать музыку в файлы блога, что не есть гут. Место на хостинге не резиновое.
  • Понимает только формат .ogg, формат mp3 будет звучать только в Хроме. В остальных браузерах плеер видно, а звука нету.

Повторяюсь конечно, но повторение — мать сами знаете чего.

А если хочется несколько файлов вставить, плейлист, например.

Тут подойдет другой способ.

к меню

Способ второй. Плагин

Оказывается существует масса плагинов для проигрывания музыки на блоге. Даже нашел обзор плагинов, вот здесь можно почитать.

Сам попробовал, у меня не заработало. Да и со скоростью беда какая-то у меня, поэтому снес на фиг этот плагин, потому как он… плагин (прошу прощения за тавтологию, но я надеюсь вы меня поняли).

Музыка на блоге

Вставлять можно по разному.

И специальную строчку кода, и виджетами в сайтбар. Но во всей этой прелести существует маленький такой минус.

Требуется закидывать все файлы для проигрывания на блог. Смотри пункт первый.

Перехожу к кардинальным мерам с использованием внешних источников.

к меню

Способ третий. Облака

В предыдущих статьях, я думаю вы заметили, мелькнула музычка, вставленная с помощью облачных хранилищ.

Так что, кратенько так опишу данные способы.

Облако Box

Хранилище небольшое, при регистрации дают всего-то 5Гб, но при этом оченно интересные возможности.

Все довольно просто. Регистрируетесь на сервисе.

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

Музыка на блоге

Получаем нужный код и благополучно вставляем его куда требуется. Хоть в статью, хоть в сайтбар.

Музыка на блоге

Подобным же образом можно сделать плейлист. Только сначала нужно выделить все файлы для плейлиста, а дальше порядок действий тот же.

Облако 4sync

Отличное хранилище, большое такое и с массой возможностей. При регистрации дают аж 15Гб. Особо заострять внимание не буду, так как процедура получения кода для вставки подобна Коробочной.

Музыка на блоге

В общем, довольно удобная штука, но вот вопрос с авторскими правами остается открытым. Есть еще один способ, гораздо проще и удобнее.

к меню

Способ четвертый. Сервис

Совсем недавно появился, но многие уже его используют. И я в том числе. Называется такая штука ПростоПлеер.

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

Регистрации не требуется, точнее она по желанию. При регистрации есть возможность сохранять составленные плейлисты, чтобы каждый раз не набирать. Так же присутствует расширение для Хрома, позволяющее не заходить каждый раз на сервис, а слушать любимую музыку прямо из браузера.

База музыки конечно шикарная. Я нашел даже довольно редкие треки, которые давно искал.

Но мы говорим о вставке в блог. Поэтому идем на этот сервис, выбираем понравившуюся мелодию и нажимаем на шестеренку. Выбираем пункт Код для вставки.

Музыка на блоге

Код, конечно, кривой с массой не нужных ссылок. Все решается без проблем. Лишнее всегда можно удалить, главное нужное по ошибке не стереть.

Нам нужен только код между тегами object, все остальное можно со спокойной совестью удалять. Чтобы не наблюдать блок рекламы, изменяем высоту плеера на 42 пиксела. Данный размер получен мной эмпирическим путем, то бишь подбором.

Музыка на блоге

Все, полученный код можно вставлять в любое место блога. В начале статьи, кстати, именно таким образом вставлен.

Есть еще нюанс, что бы каждый раз не возиться с кодом, можно только изменять ID трека, которое берется из кода в ПростоПлеере. То есть для последующей вставки любого другого трека не требуется копировать весь код, берем только ID и меняем его в коде. Все.

к меню

Резюмируем

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

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

А вам как слышится-чувствуется? Жду в комментариях.

Всегда ваш, Абрамович Артем.

Поддержи проект лайком
132 комментария
  1. Fil / Ответить
    • Абрамович Артем / Ответить
      • Fil / Ответить
      • Абрамович Артем / Ответить
        • Fil / Ответить
          • Абрамович Артем / Ответить
        • Татьяна Саксон / Ответить
      • Татьяна Саксон / Ответить
        • Юлия Qween / Ответить
          • Абрамович Артем / Ответить
            • Татьяна Саксон /
            • Cветлана Бобровская /
            • Абрамович Артем /
            • Татьяна Саксон /
      • Сергей / Ответить
        • Абрамович Артем / Ответить
  2. Web-Кошка / Ответить
    • Абрамович Артем / Ответить
  3. Web-Кошка / Ответить
    • Абрамович Артем / Ответить
  4. Web-Кошка / Ответить
    • Абрамович Артем / Ответить
  5. Татьяна Саксон / Ответить
    • Абрамович Артем / Ответить
  6. Юлия Qween / Ответить
    • Абрамович Артем / Ответить
      • Юлия Qween / Ответить
        • Абрамович Артем / Ответить
          • Игорь / Ответить
            • Абрамович Артем /
  7. Cветлана Бобровская / Ответить
    • Абрамович Артем / Ответить
      • Cветлана Бобровская / Ответить
        • Абрамович Артем / Ответить
          • Cветлана Бобровская / Ответить
            • Абрамович Артем /
  8. Александр / Ответить
    • Абрамович Артем / Ответить
  9. Gorec / Ответить
    • Абрамович Артем / Ответить
  10. Web-Кошка / Ответить
    • Абрамович Артем / Ответить
  11. Сергей / Ответить
    • Абрамович Артем / Ответить
      • Сергей / Ответить
      • Людмила Винокурова / Ответить
  12. Андрей / Ответить
    • Абрамович Артем / Ответить
  13. Людмила Винокурова / Ответить
    • Абрамович Артем / Ответить
  14. Валентина / Ответить
    • Абрамович Артем / Ответить
      • Валентина / Ответить
        • Абрамович Артем / Ответить
  15. Людмила / Ответить
    • Абрамович Артем / Ответить
      • Юлия Qween / Ответить
        • Абрамович Артем / Ответить
          • Юлия Qween / Ответить
            • Абрамович Артем /
            • Юлия Qween /
            • Абрамович Артем /
            • Юлия Qween /
            • Абрамович Артем /
            • Юлия Qween /
            • Людмила Винокурова /
            • Абрамович Артем /
  16. Лора / Ответить
    • Абрамович Артем / Ответить
  17. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  18. Илья / Ответить
    • Абрамович Артем / Ответить
      • Илья / Ответить
        • Абрамович Артем / Ответить
          • Илья / Ответить
      • Александр / Ответить
        • Абрамович Артем / Ответить
          • Александр / Ответить
            • Абрамович Артем /
  19. Serpent / Ответить
    • Абрамович Артем / Ответить
      • Serpent / Ответить
        • Абрамович Артем / Ответить
          • Serpent / Ответить
            • Абрамович Артем /
  20. Алиса Алексеева / Ответить
    • Абрамович Артем / Ответить
  21. Ольга / Ответить
    • Абрамович Артем / Ответить
  22. Лора / Ответить
    • Абрамович Артем / Ответить
      • Лора / Ответить
        • Абрамович Артем / Ответить
          • Лора / Ответить
          • Лора / Ответить
            • Абрамович Артем /
  23. Александр / Ответить
    • Абрамович Артем / Ответить
      • Александр / Ответить
        • Абрамович Артем / Ответить
          • Александр / Ответить
            • Абрамович Артем /
  24. Александр / Ответить
    • Александр / Ответить
      • Абрамович Артем / Ответить
        • Александр / Ответить
          • Людмила Винокурова / Ответить
            • Александр /
        • Юлия Qween / Ответить
    • Абрамович Артем / Ответить
      • Александр / Ответить
        • Валентина / Ответить
          • Александр / Ответить
            • Валентина /
            • Абрамович Артем /
            • Юлия Qween /
            • Абрамович Артем /
  25. Людмила Винокурова / Ответить
  26. Serpent / Ответить
    • Абрамович Артем / Ответить
      • Serpent / Ответить
        • Абрамович Артем / Ответить
          • Serpent / Ответить
          • Абрамович Артем / Ответить
            • Serpent /
            • Абрамович Артем /
  27. Игорь / Ответить
    • Абрамович Артем / Ответить
  28. Александр / Ответить
    • Абрамович Артем / Ответить
  29. Наталья Краснова / Ответить

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Подписка на новости

Спасибо за подписку! Теперь вам надо подтвердить ее.