Как вставить музыку в блог

Как вставить музыку в блог

Здравствуйте, сегодня я буду рассказывать о том, как вставлять аудио в блог. Если Вам эта функция не нужна, можете пропустить урок.

В современное время текстовой контент немного поднадоел. Лично я, предпочитаю слушать аудиоподкасты, так как дорожу своим временем. Пока я слушаю что-то, “ручки” занимаются своими делами.

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

Итак, давайте приступим. Вставлять аудио на свой блог мы будем с помощью плагина Audio Player. Также можно вставить аудио без помощи плагинов, через популярный и очень полезный сервис для “подкастеров” podfm.ru Там подробно все объяснено как вставлять аудиоподкасты, какой программой записывать свою речь и много другой полезная информация (советую всем ознакомиться).

Установка плагина Audio Player

  1. Для начала, конечно, нужно скачать плагин Audio Player, активировать его в админке WordPress.
  2. Теперь заходим в админку WordPress –> Настройки –> Audio Player. Должно открыться примерно следующее:
    Как вставить музыку в блог
  3. Спускаемся вниз и можно увидеть надпись “Default audio folder location”:
    Как вставить музыку в блог
  4. Это означает, что по умолчанию папка “audio” будет является папкой для хранения аудиофайлов.
  5. Создаете в корневой папке Вашего блога (если у Вас хостинг от Yutex, то это public_html) папку под названием audio:
    Как вставить музыку в блог
  6. Закачиваете в папку audio тестовый файл в формате mp3. Я закачал песню из “Титаника”:
    Как вставить музыку в блог
  7. Теперь нам нужно вставить этот аудиофайл в запись. Для этого переходим в любую статью и вставляем квадратные скобки [] и внутри написать audio:название_трека.mp3:Как вставить музыку в блог

Настройка плагина Audio Player

Напомню, чтобы попасть в настройки плагина, нужно зайти в админку WordPress –> Настройки –> Audio Player.

Вкладка General

Тут лучше ничего не трогать и все оставить по умолчанию:

Как вставить музыку в блог

  1. Первая галочка означает, что вставлять аудиозаписи Вы будете вставлять с помощью тега audio в квадратных скобках.
  2. Если поставите галочку на второй строке, то вам нужно будет вставлять аудиофайлы в виде ссылки, что не так удобно.
  3. 3-ая строка Enable in comments, позволяет оставлять аудиокомментарии. Для этого комментатору придется оставить ссылку на аудиофайл, который плагин Audio Player подгрузит и позволит воспроизвести “прямо на месте”.
  4. Эта строка позволяет вставлять аудиозаписи с помощью произвольных полей (о них я расскажу в будущих уроках).
  5. Галочка в этом месте позволяет переместить наш плеер в начало заметки.

Вкладка Display (Внешний вид)

  • Как вставить музыку в блог
  • Чтобы изменить цвет плеера, нужно из выпадающего списка выбрать объект (например, background – фон), потом его цвет и сразу можно наблюдать за результатом:
  • Как вставить музыку в блог
  • Таким способом можно задать любой цвет практически любому объекту.
  • Еще в этой вкладке можно изменить ширину аудиоплеера. Для этого достаточно изменить значение width:
    Как вставить музыку в блог

Вкладка Feed options

Здесь будет указываться, что передастся Вашим RSS подписчикам в отношении аудио.

  1. Nothing – ничего.
  2. Download link – ссылка на скачивание.
  3. Custom – будет вместо аудио текст, который Вы укажете. Я, например, выбрал этот пункт и поставил следующий текст:

Вкладка Podcasting

Здесь все просто, эта функция если для того, чтобы воспроизводилась какая-то мелодия в начале и/или в конце статьи (как на радио и т.п.).

В строке “Pre-appended audio clip URL:” указываете адрес аудиофайла, который будет воспроизводится после нажатия на play.

В строке “Post-appended audio clip URL:” нужно указать адрес аудиозаписи, воспроизводимой после основного аудиофайла.

Вкладка Advanced

Тут можно поменять строку “Alternate content for excerpts:”, поставить что-то наподобие [Чтобы прослушать аудио, перейдите на полную версию статьи].

Также можно изменить первоначальную громкость аудиоплеера, изменив значение “Initial volume”.

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

Вот музыка из фильма “Титаник”, которая вставлена в ходе урока.

Спасибо за внимание, до встречи на следующих уроках!

P.s. Недавно поставил “в левой части блога” “оставить отзыв”. Был бы признателен, если Вы оставите отзывы по урокам, предложите какие-то темы для разбора в будущем. В общем, любая активность приветствуется, в том числе и критика

Источник: https://wpnew.ru/sozdanie-bloga/razdel-4-plaginy/plagin-audio-player.html

Как вставить песню в блог? WordPress плеер mp3 в помощь | Блог Дмитрия Байдука

Как вставить музыку в блогПривет! Для улучшения поведенческих факторов нужны не только самые лучшие посты. Текст чрезвычайно полезно разбавлять чем-нибудь увлекательным – это может быть видео, музыка, опросы, кроссворды. И сегодня узнаем о том, как вставить песню в блог и установим простой WordPress плеер mp3. Вашим читателям непременно понравится новая фишка ;).

Чем ещё полезно аудио на блоге? К примеру, я могу поставить урок на режим прослушивания и свободно заниматься своими делами, одновременно слушая полезные вещи.

А Вашим читателям с помощью аудиофайлов просто передать часть информации в звуковом режиме.

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

Процесс добавления MP3 плеера простой, но требующий внимания и аккуратности. Чтобы вставить музыку в блог воспользуемся Audio Player плагином для WP. На страницах веб-сайта плеер выглядит так:Как вставить музыку в блог

При проигрывании музыки так:Как вставить музыку в блог

Как вставить аудио на сайт через MP3 WordPress

  1. Для начала следует скачать плагин Audio Player.
  2. Теперь устанавливаем и активируем его. Подробности установки плагина через админку WordPress читайте здесь.
  3. Переходим через админку Настройки/Audio Player:Как вставить музыку в блог
  4. Меню General. Снизу в строке Default audio folder location указывается папка, где будут храниться аудиофайлы:Как вставить музыку в блог
  5. Создаем на сервере в корне блога папку audio. У моего хостинга корень – это public_html:Как вставить музыку в блог
  6. Закачиваете в созданную папку нужные вам файлы формата mp3. Чтобы вставить песню в блог я загрузил лучшую музыку, получившую премию Оскар 2012:Как вставить музыку в блог
  7. Для проигрывания файла требуется через визуальный редактор вставить код в тело статьи такого вида:Как вставить музыку в блог
  8. Вот так выглядит песня у меня:Как вставить музыку в блог
  9. Готово! Аудио плагин WordPress установлен! Наслаждайтесь музыкой :smile:!

Настройка плагина Audio Player WordPress

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

  1. Через админку WordPress идем Настройки/Audio Player.
  2. Изменяем внешний вид плеера во вкладке Display:Как вставить музыку в блог
    • а) Задаем ширину проигрывателя в пикселях.
    • б) Корректируем MP3 плеер WordPress под дизайн блога. Результат по выбору цветовой гаммы моментально отображается на внешнем виде.
  3. Вкладка Feed options:
    • Nothing – этот пункт выбираете, если считаете передачу аудио по RSS не нужным.
    • Download link – дает возможность скачать файл из ленты новостей.
    • Custom – более предпочтительный вариант для вебмастеров. Вместо песни будет отображаться следующий текст:
  4. Во вкладке Advanced можете установить уровень громкости звука:

Настроить  WordPress плеер mp3 и успешно вставить песню в блог получилось. Хочу предложить к прослушиванию музыку, которая была примером сегодняшнего урока. Оцените, лучшую песню, получившую Оскар 2012 года:

Аудиозапись: Adobe Flash Player (версия 9 или выше) требуется для воспроизведения этой аудиозаписи. Скачать последнюю версию здесь. К тому же, в Вашем браузере должен быть включен JavaScript.

Для повышения поведенческих факторов рекомендую также установить виджет ТОП лучших комментаторов.

Новость: сегодня состоялся IV открытый кубок Минска по хастлу, хотя на этом конкурсе не участвовал, и всё же фотоаппарат с собой был ;). Фотографировал только отборочные туры, запечатлеть финал у меня уже терпения не было. Вот что у меня вышло:

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

На кубок по хастлу были приглашены российские чемпионы Лебедев Сергей и Борисова Ольга. Смотрите широко известные в узких кругах знаменитые веревочки от Лебедева Сергея:

 
Спасибо за внимание!

С уважением, Дмитрий Байдук

Источник: https://netbu.ru/making-the-site/plagini-wordpress/vstavit-pesnyu-v-blog-wordpress-pleer-mp3.html

Интересная статья о том, как вставить видео и аудио в блог

Как вставить музыку в блогВсем привет, когда я создавал свою статью про Твин Пикс, то намеревался вставить в неё или музыку или видео, добавив его в свой блог! Сериал этот очень “атмосферный” и статью про него я хотел сделать такой же или по крайней мере, хотя бы необычной! Думал сначала вставить видео в блог, содержащее фрагменты сериала, трейлер, или репортаж со съемок, например. Но решил остановиться на аудио, вставив музыку из сериала в статью. Музыку, которая играет на начальных титрах этого сериала! Кстати, жду не дождусь продолжения…

Сегодня я хотел бы поделиться со своими читателями, как оказывается легко и просто вставить видео и музыку в блог!

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

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

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

  • Как вставить музыку в блог
  • Этого очень мало, поэтому видео необходимо сжимать перед вставкой, об этом поговорим в другой раз.
  • Вроде бы эта возможность добавления медиафайлов появилась на более свежих версиях движка wordpress, потому что раньше я такого не замечал!
Читайте также:  Как сделать улей

Также добавить медиафайл можно, вставив его не с локального компьютера, а с другого сайта. В медиафайлах админки вордпресс есть соответствующее меню.

Как вставить музыку в блог

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

Знаете, в настоящее время с нашими законами об авторских правах, о пиратстве, о нелегальных файлах и тому подобное, довольно сложно выбрать и добавить файл, не испытая при этом последствий.

Хотя если блог не раскрученный и не популярный, то думаю всем всё равно, что на нём расположено! Но ведь мы раскручиваем блог, и это сейчас он не популряный, а через полгода-год станет известным и тогда начнут его штудировать. Поэтому я решил не нарушать ничьи авторские права, а создать свои медиафайлы, авторскими правами которых, буду владеть я лично!

Как вставить аудио и видео в блог?

Для блога я решил записать свой голос, вернее аудиозапись под названием “БлоголегаЭфЭм”. И тут у меня родилась идея, записывать подкасты.

Это звуковые, а иногда и видеофайлы, которые в стиле теле- и радио-программ распространяются в Интернете. Идею эту я буду усиленно разрабатывать, сегодня же предложу непродолжительную запись “БлогОлегаЭфЭм.

Я блоггер”. В которой коротко пробегусь по следующим темам:

  • Сперва небольшое вступление.
  • Собственно, я – блоггер! =)
  • Зачем мне блог?
  • Что впереди?
  • Бонус – Как я поднял посещаемость блога до 100 человек в сутки?!

Как вставить музыку в блог

  1. Вот предположим, что я публикую пост.
  2. Как вставить музыку в блог
  3. Затем просто добавляю медиафайл.
  4. Как вставить музыку в блог

Не знаю как другие форматы, а mp3 движок вордресс поддерживает. И не нужны никакие плагины, дополнительные виджеты. Достаточно вставить файл и всё.

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

Заранее извиняюсь за качество звука и за мои «бредни», это мой первый опыт в звукозаписи! =)

BlogolegaFM – I am Blogger!

Теперь, что касается видео! Здесь тоже проще некуда! Вот с видео у меня возникла небольшая загвоздка. Я пока не хочу записывать видео с собой, что то рассказывать на камеру! Просто не готов пока! Не знаю, возможно стесняюсь или побаиваюсь! Хотя Макс +100500 по началу наверно тоже испытывал робость перед камерой! =) Зато сейчас он неотъемлемая “видеочасть” Интернета! =)

Сегодня я решил выложить в статье видео, которое как бы сам заснял! То есть я автор этого видео, сделал его на концерте группы Lumen  в Екатеринбурге.

Представляете, это произошло 8 ноября 2011 года ровно 3 года назад! Просто невероятное совпадение! Это моя любимая группа, и я её большой и преданный поклонник! Слушаю её с тех пор, как услышал песню Сид и Ненси на Нашем радио, где то примерно в 2001 году, а может и позже! 3 года назад группа Люмен приезжала в Екатеринбург и дала офигительный концерт в Телеклубе! И совпадение номер 2. Именно сегодня, Люмен вновь на том же месте и возможно в тот же час! Да – да, в этот же календарный день они вновь выступают там же! Вот только мне в этот раз не довелось сходить на их концерт, очень жаль…

По поводу видео. Песня называется На части! Качество конечно не ахти какое, но всё-таки более-менее! Тот концерт получился просто невероятным по энергетике! Было всё круто, я до сих пор его помню, потому что такие вещи не забываются!

Прошу заценить видео:

Lumen — На части. Екатеринбург. Телеклуб. 8.11.11

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

Как вам мой первый подкаст? Как видео, знакомы ли вы с творчеством группы Люмен? И надеюсь, я интересно представил статью о том, как вставить аудио и видео на блог! =)

А теперь шестой этап киноконкурса:

Как вставить музыку в блог

Читайте Blogolega.ru, подписывайтесь, комментируйте, всем пока!

Источник: http://blogolega.ru/createablog/kak-vstavit-video-i-muzyku-v-blog.html

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

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

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

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

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

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

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

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

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

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

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

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

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

Из минусов.

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

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

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

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

Как вставить музыку в блог

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

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

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

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

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

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

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

Облако Box

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

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

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

Как вставить музыку в блог

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

Как вставить музыку в блог

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

Облако 4sync

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

Как вставить музыку в блог

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

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

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

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

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

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

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

Как вставить музыку в блог

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

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

Как вставить музыку в блог

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

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

Читайте также:  Как вернуть весы

Резюмируем

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

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

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

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

Источник: https://artabr.ru/chetyre-sposoba-sdelat-blog-muzykalnym/

Яндекс Музыка в блоге или Как добавить музыку на сайт WordPress

Всем доброго времени суток! В Воронеже 23:59, и вроде бы пора спать, но пока не завершен процесс бэкапа рабочего сайта, сижу у ноутбука на кухне, пью чай с медом, выгоняю из себя простуду и читаю комментарии, заходя на блоги с ответными визитами.

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

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

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

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

Можно загрузить музыкальные файлы на собственный сервер и выводить их с помощью встроенного в вордпресс плеера или специального плагина, использовать код плеера с загрузкой треков из какого-нибудь облачного онлайн-хранилища (если это возможно) или попытаться использовать возможности iframe для вывода на странице фрагментов сторонних сайтов. Первые два варианта сопряжены с риском наказания за неправомерное использование контента, защищенного авторским правом. В последнем же случае, если сервис легальный и не позволяющий скачивать музыку, последствия и риски минимализируются. И тут я вспомнил о Яндекс Музыке.

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

И права авторские при этом не страдают, ибо Яндекс их блюдет свято ) Посетив главную страницу этого сервиса, я был приятно удивлен — многое за то время, что он был вне поля моего зрения, изменилось  — в лучшую сторону.

Слушать песни на Яндекс Музыке стало удобно, сервис оброс полезным функционалом, улучшился и интерфейс.

Возможность установить Яндекс Музыку на сайт бесплатно существовала и ранее. Но в Условиях использования сервиса были прописаны вполне определенные ограничения, если кто помнит. Теперь же пункт 2.3 Условий гласит:

Любое копирование, воспроизведение, переработка, распространение, доведение до всеобщего сведения либо иное использование Материалов, Плеера или Базы данных вне рамок возможностей, предоставляемых Сервисом, а также любое их использование в коммерческих целях запрещается.

При этом Яндекс Музыка предоставляет пользователям готовые коды iframe-вставок на сайт по каждому треку. Соответственно, использование аудиозаписей происходит исключительно в рамках «возможностей, предоставляемых сервисом», и так как воспроизведение музыки фактически происходит на стороне сервиса, то и к самостоятельному воспроизведению, копированию и распространению это не относится.

Расскажу о том, как добавить Яндекс Музыку на сайт WordPress. На главной странице онлайн-сервиса в строке поиска вбиваем имя исполнителя, название группы, или выбираем из рекомендованных.

Как видим, рядом с обложкой выбранного альбома есть четыре пиктограммы: Слушать, Добавить в Мою музыку, Добавить в плейлист, Поделиться. При нажатии на последний значок выбираем кнопку HTML код и копируем его в буфер обмена.

Теперь, если в режиме Текст редактирования записи вставить этот код в статью, на странице появится плеер с возможностью слушать альбом.

Как вставить музыку в блог

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

Как вставить музыку в блог

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

Как вставить музыку в блог

Ну вот, так и появилась Яндекс Музыка в моем блоге. Т.к. начинался этот пост со ссылки на статью об оперных певицах, в тему приведу несколько треков двух замечательных, на мой взгляд, исполнительниц в стиле «поп-опера». Приятного прослушивания.

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

Но с тех пор многое изменилось, теперь Яндекс Музыка популярные хиты слушать онлайн позволяет из любой точки мира, и это здорово. Достаточно иметь самый простой из современных тарифов подключения к интернет, чтобы получить бесплатный доступ к десяткам и сотням тысяч музыкальных произведений и песен. Это невероятно удобно и абсолютно легально.

И, самое главное, сервис постоянно растет и развивается, пополняется не только новинками эстрады, но и альбомами прошлых лет. Надеюсь, вам понравилась статья и мой выбор треков.

Расскажите об этой статье в соцсетях:

Источник: http://vervekin.ru/yandeks-muzyka-v-bloge-ili-kak-dobavit-muzyku-na-sajt-wordpress.html

Как вставить музыку в блог

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

Представьте: вы уложили ребенка и мужа спать, сели отдохнуть за компьютер, загрузили почитать любимую страничку – и вдруг оно как заорет! Оказывается, автор любимого блога стал поклонником Лепса, которого вы на дух не переносите, и вставил его музыку в свой новый пост ((( Ребенок проснулся, муж ворчит, у вас настроение испорчено.

Если уж вам так хочется поделиться музыкой с читателями, поставьте ссылочку на нее. Кому надо, тот послушает. Но я допускаю, что могут возникнуть такие случаи, что музыка в посте необходима. И тогда возникает вопрос: как ее поставить?

  • Я здесь приведу самый простой способ, а именно: вставить простенький плеер в блог как HTML-гаджет. 
  • Вот такой:
  • Прослушать или скачать Цезария Эвора Sangue de beirona бесплатно на Простоплеер

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

Вставляется плеер элементарно – в 4 шага, но для этого нам придется воспользоваться сторонней программой (а это всегда лишняя исходящая ссылка и еще один минус музыки в блоге).

Программа называется “Простоплеер” и находится по адресу http://pleer.com
Шаг 1.
В строке “Найти” набираем название мелодии или автора. Выбираем из списка найденных нужную композицию (ее можно предварительно послушать, скачать или выбрать поиск в лучшем качестве).

Если вы не нашли нужной вам песни – не беда. В программе есть возможность загрузить в базу музыку со своего компьютера (сбоку стрелочка и надпись “Загрузить”). Ограничение на размер 20 МБ. После того, как вы загрузите свою мелодию, вы находите ее поиском и далее следуйте по приведенному ниже алгоритму.

Как вставить музыку в блог
Шаг 2.
Напротив выбранной композиции  есть ряд кнопок. Нажимаем самую последнюю “шестеренку” (“Опции”). И из выпавшего меню выбираем “Код для вставки”.

Как вставить музыку в блог

Шаг 3.
Откроется новое окошко с кодом.  Не забываем отключить галочку напротив Копируем его с помощью Ctrl-C.

Как вставить музыку в блог

Шаг 4. После этого переходим в свой блог. И вставляем код в него.

Если вы хотите, чтобы музыка была только в одном конкретном посте, то переходите в режим редактирования  HTML и вставляем код плеера с помощью Ctrl-V прямо в нем.

Именно так я вставила композицию в исполнении Цезарии Эвора, которую вы видите в самом начале поста.

Источник: http://blogformyblog.blogspot.com/2013/10/music.html

Вставить mp3 в блог (флэш плееры)

Как вставить музыку в блогКак вставить mp3 файл в блог/сайт. Для вставки в блог плеера понадобится сам флэш плеер и mp3 хостинг (где хранится mp3 файл). Про хостинги в другой теме (Хостинг с прямыми ссылками). Данные плееры универсальные и представляют лишь оболочку для музыкальных файлов. Для проигрывания музыки понадобиться ссылка с других источников (хостингов), которую необходимо вставить в данный плеер.

Muzicons.com – Красивая оболочка флеш плеера, создан развлектельным ресурсом toolwi.com. С недавних пор появилась возможность загружать mp3 файлы и вставлять готовый код плеера на сайт или в блог. Минус — хоть он и имеет собственный хостинг mp3, но увы этот хостинг временный, т.е. даётся 200Мб под файлы и 45 дней хранение музыки, после этого удалят – если не купить платный аккаунт. Но данный плеер можно всегда использовать как оболочку для mp3 ссылок совершенно бесплатно, как и остальные ниже.

Читайте также:  Как убрать живот за неделю

Flv-mp3.com Универсальный flv – плеер для mp3. Создан сервисом Uppod (плееры для блогов), но гораздо проще в настройке.

Вставляете ссылку на mp3-файл, и настраиваете вид плеера – после чего выдаётся код плеера, который необходимо вставить на сайт.

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

Открытый код плеера Данный способ подойдет больше тем, кто не плохо разбирается в html. Хотя здесь ничего трудного нет. Необходимо лишь загрузить на любой хостинг mp3 файл, и вставить прямую ссылку в код плеера. Сам код выглядит так:

Необходимо заменить выделенную прямую ссылку mp3 на любую другую и вставить этот код в блог.

Открытый код плеера#2 Похожий на предыдущий веб-плеер, который используется в блогах wordpress, с небольшими улучшениями от предыдущего. Сам код выглядит так:

Необходимо заменить обе выделенные прямые ссылки mp3 на любые одинаковые другие и вставить этот код в блог.

файл плеера: http://www.yapfiles.ru/files/148503/player.swf желательно сохранить на своём сайте или хостинге.

Также существует сервис флэш проигрывателей Uppod.ru В котором можно настроить внешний вид плеера самостоятельно. Но код плеера не работает в большинстве блогов/форумах/сайтах.

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

Важно!Открытый код музыкального плеера – необходимо добавлять в свой блог – только через простой редактор (html редактор). Не зависимо в каком блоге. Визуальный редактор не воспринимает html код плеера или любой другой код.

В блоггере – html редактор находится под заголовком сообщения. Также как на рисунке ниже.

Как вставить музыку в блог

Полезные публикации

Источник: http://www.bloxpot.net/2010/04/mp3.html

Добавление файлов в пост ЖЖ. Часть вторая. Добавление аудиозаписей

Если с добавлением в пост картинок все более или менее ясно (хотя и есть пара интересных моментов, описанных здесь), то с добавлением музыки все несколько сложнее. По умолчанию ЖЖ не дает такой возможности. Но то “официально”. А по факту – почему бы и нет? Просто способ будет чуточку более извратным, нежели в случае с фотографиями.

Итак, чтобы добавить в пост в ЖЖ какой-либо аудио файл нам фактически нужно две вещи: плеер для проигрывания этого самого файла и, собственно, сам файл в виде прямой на него ссылки. Ссылку можно взять, например, с какого-либо интернет-ресурса, где собраны целые музыкальные коллекции. Но мне такой способ как-то не совсем нравится.

И причины тому следующие.

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

И приведет это, соответственно, к тому, что добавленная в ЖЖшку песенка перестанет воспроизводиться, так как перестанет иметь место быть.

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

Таким образом определяется первое требование для выкладки аудио контента в ЖЖ – наличие файл-хостинга, дающего ПОСТОЯННУЮ ПРЯМУЮ ССЫЛКУ, и позволяющего пользователям загружать в него свой контент, ибо порой необходимо разместить в блоге не какой-то уже известный музыкальный файл, а например собственную аудиозапись.

Самым подходящим, на мой взгляд, подобным хостингом стал сервис “Яндекс Видео”. Несмотря на свое название данный интернет-сервис позволяет также выкладывать и аудио файлы. Более того, сервис Яндекс-Видео решает также и вторую (а если смотреть на порядок указанных мной – то первую) задачу.

Яндекс-Видео предоставляет “в аренду” вполне себе удобный проигрыватель аудио-видео контента.Итак, порядок действий по добавлению аудио файлов в пост в ЖЖ следующий:

1) Регистрируемся в любом Яндекс-сервисе, например, в Яндекс-почте.

 Как и Великий Гугль, Яндекс объединил большинство предоставляемых им сервисов и связал их между собой посредством единого Яндекс-аккаунта. Таким образом, если у вас уже есть почта на Яндексе, то достаточно просто будет войти под своим почтовым аккаунтом. Если же нет – то тогда сначала регистрируем так называемый Яндекс-паспорт, или, попросту, головной Яндекс-аккаунт, действующий на всех Яндекс-сервисах.

Для того, чтобы войти на Яндекс-Видео можно в адресной строке браузера вбить http://video.yandex.ru (на мой взгляд это проще, чем каждый раз искать его в дебрях закладок браузера или в пунктах меню яндексовских сервисов).

2) Проходим на страницу загрузки собственного контента http://video.yandex.ru/upload/, загружаем нужный аудио файл, получаем ссылку на файл с оболочкой

Как видим, у нас есть возможность как загрузить файлы с компьютера, так и с какой-либо интернет-страницы. Выбираем “Файл с компьютера” (ибо подразумеваем, что мы хотим загрузить нигде ранее не встречавшуюся запись). Для этого жмем на кнопку “Добавить ролики” (или же на ссылку “Добавить ролики” – это уж кому как удобнее (:

Источник: https://r-nedo.livejournal.com/10411.html

Как вставить аудио на сайт? | Блоги Мам

21

Блоговодство, Знаете ли вы? Татьяна 14 Июнь, 2012

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

Вариантов, как это можно сделать, – десятки. Но прежде, чем вы решите воспользоваться тем или другим способом, обратите внимание на следующие моменты:

1. Сколько хранится загруженный аудиофайл на сервере? Не нужно ли будет его постоянно заливать заново. В принципе, можно разместить файл на своем хостинге и тогда он будет доступен всегда, пока вы сами его не удалите. Но это вопрос использования дискового пространства. Тем более, если аудиофайлов будет много.

2. Насколько сервис надежный. Сколько он уже существует, какое количество пользователей им пользуется, насколько стабильно он работает.

3. Будьте осторожны с плагинами. Есть специальные плагины для вставки аудио в статью. Но я люблю обходиться без них, если это возможно. Чем больше плагинов, тем больше вероятность возникновения проблем.

В рамках этой статьи мы разберем один из вариантов добавления подкаста – тот, который не требует установки дополнительных плагинов и подходит для любой платформы (blogspot, wordpress,  и т.д.).

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

Источник: http://www.blogimam.com/2012/06/znaete-li-vy-kak-vstavit-audio-v-blog/

Вставить музыку в плеер аудио на сайт/блог. Автоплей

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

Плеер с сайта Muzicons.com. Здесь же Вы найдете удобный коструктор аудио плеера, позволяющий выбрать цвет, внешний вид плеера, выбрать музыку (search mp3) из каталога или указать прямую ссылку на файл (URL), подписать название композиции.

Код:

Код:
Код:
Плеер с сайта muzicons.com Код: ..

Плеер с Привет.ru:

 

Код последнего плеера вы увидите на следующем скрине. Выделенная ссылка показывает прямую ссылку на аудио файл. Она обычно не заключена в кавычки, начинается с http//… , содержит в себе mp3 и заканчивается перед вторым символом & (первый обычно входит в состав ссылки). Таким образом прямую ссылку на аудио файл можно выделить и любого плеера.

Этапы смены плеера на другой (или как залить свою музыку на нужный плеер):

1. этап

первый вариант Закачать музыку на хостинг, выдающий прямые ссылки на аудиофайлы (www.dropbox.com здесь необходима регистрация,www.screencast.com – нужна также регистрация) и получить необходимые ссылки. Существуют также хостинги, для получения ссылок с которых нет необходимости в регистрации, однако файлы на них хранятся непродолжительное время и часто такие ссылки не работают.

Получить прямую ссылкуПроверенным способом является закачивание аудио на русскоязычный!! сайт 7not.net (требуется регистрация), здесь можно легко получить как прямую ссылку на аудио файл, так и красивый плеер с музыкой.
второй вариант (наиболее надежный) закачать на музыку на любой хостинг, выдающий уже готовые плееры и извлечь из готового кода прямую ссылку на аудио файл, как я это сделала в примере с плеером с Привет.ru.

  • 2 этап
  • Вставить прямую ссылку в код плеера.
  • Генератор mp3 плеера для блога

Собрать mp3 плеер для сайта или блога можно на сайте Flv-mp3.com.  Вставляйте прямую ссылку на аудиофайл, выбирайте размер и цвет плеера Получится такой плеер:
Здесь же можно создать код автоплея (самозапуска музыки при входе на сайт или блог), указав размеры плеера, равные 0 (в случае, если Вы хотите скрыть сам плеер) и поставив галочку напротив автозапуска. Использовать автоплей не рекомендую из-за частых отрицательных отзывов посетителей сайтов, на которых он установлен. Однако, он имеет право на существование, например, в музыкальных блогах.

Источник: https://www.mycrib.ru/2010/12/blog-post_22.html

Ссылка на основную публикацию