Блог Александра Бобрина. SEO, блоггинг, инфобизнес и заработок в интернете
Реклама/Услуги

Как разместить аудио на сайте

Здравствуйте, уважаемые читатели моего блога.

В этой статье я хочу рассказать вам о том, как вставить аудио на сайт. В одной из своих статей я уже затрагивал эту тему (ссылка на пост), однако, тогда я писал о плагине «Audio Player», который позволял добавлять аудио только в WordPress блог, а сами файлы нужно было хранить на своем сервере.

Как вставить аудио на сайт. Создание аудиоподкастов на сервисе podfm.ruСегодня я расскажу о способе добавления аудио, который подходит для любых сайтов и блогов, кроме того, теперь нам не придется хранить файлы на собственном сервисе, что является огромным плюсом данного метода.

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

Работа над моим новым курсом «Реактивный блог» ведется полным ходом, думаю, что уже на следующей недели все уроки будут записаны, останется только сделать меню и установить защиту. Скорее всего, в самом начале апреля курс будет запущен.

Кстати, друзья, то, что я стал редко писать в блог, вовсе не означает, что так будет впредь. Впереди у меня много планов. Сразу после выхода видеокурса я планирую запустить на блоге марафон по разгадыванию кроссвордов, призы будут суперские! Кроме того, у меня накопилось немало идей для будущих постов, так что скоро блог будет обновляться гораздо чаще. Чтобы ничего не пропустить, рекомендую вам подписаться на обновления блога.

Теперь давайте перейдем к теме поста…

Как вставить аудио на сайт

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

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

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

Перед тем, как разместить подкаст или какое-либо другое аудио на блог, нужно его создать, ну или заполучить в формате аудио.

Давайте разберем вариант с созданием подкаста.

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

Программа бесплатная и очень проста в обращении. Для записи звука вам потребуется микрофон и базовые знания по работе с Audacity. Там ничего сложного нет. Вот так выглядит главное окно программы:

Audacity - программа для записи аудио подкастов

Ознакомиться с руководством по использованию программы вы можете здесь.

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

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

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

Регистрация очень проста, нажимаем ссылку «Регистрация», которая расположена в правом верхнем углу, и заполняем несложную форму:

Регистрация на podfm.ru

После регистрации перейдите в настройки своего аккаунта и заполните, нужные вам, поля.

Настройки аккаунта на podfm.ru

Например, загрузите аватарку, укажите имя, ссылку на блог и т.п.

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

Можете послушать 🙂

Для добавления подкаста жмем ссылку «Добавить подкаст».

Добавление аудио подкаста на podfm.ru

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

— загрузите файл с компьютера;

— укажите ссылку для скачивания из Интернета;

— импортируйте подкасты с RSS-ленты.

Добавление аудио подкаста на podfm.ru

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

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

Для оформления нужно заполнить следующие поля:

— номер выпуска;

— название;

— лид (краткое описание);

— описание;

— избражение;

— выбрать ленту;

— выбрать рубрику для вашего подкаста.

После заполнения полей, нажимаем «Сохранить подкаст».

Теперь, при просмотре вашего подкаста, вы увидите раздел «Разместить плейер (код плейера)».

Для того, чтобы вставить аудио и плейер на сайт, выбираем нужный формат (я выбрал WordPress) и копируем представленный код, который впоследствии вы можете вставить в любое место на своем сайте.

Вставка аудио в блог

В настройках плейера можно выбрать также его размер. Там имеется два варианта. Стандартный размер подойдет для размещении в статьях, маленький можно разместить, например, в сайдбаре.

Ну вот, на этом у меня все. Надеюсь, мой пост оказался для вас полезен.

С уважением, Александр Бобрин

Понравилась статья? Поделись с друзьями!

Комментариев - 65
  1. Степан

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

    Ответить


    Сергей

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

    Ответить


    serg

    Спасибо за пошаговое описание. Попробую применить на своём сайте.

    Ответить

  2. Виталий

    У меня пока не было необходимости размещения аудио на блоге, но информацию взял на заметку 🙂

    Ответить


    Вячеслав

    Как установишь этот плагин на блог, сразу появится необходимость!

    Ответить

  3. SEO-PSIX

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

    Ответить


    Dim Yanush

    Как правило имеешь дело с видео. Оно и нагляднее, и популярнее. Тем не менее, приведенные рекомендации стоит взять на заметку. 

    Ответить

  4. Иван

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

    Ответить

  5. Андрей

    К сожалению или к счастью, нового для себя я ничего не узнал...

    Ответить

  6. Тимофей

    Хороший способ, не слыхал о таком. Да и аудио еще не размещал на блоге. Сейчас больше на youtube ориентируюсь. Хочу канал раскрутить и на нем начать зарабатывать. 

    Ответить

  7. Елена Романова

    Здравствуйте, Александр!

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

    Может быть Вы знаете вариант, чтобы  сделать на одной странице аудиоплеер , в котором будет сразу 20 и более музыкальных композиций.

     И чтобы они шли одна за другой, а не приходилось каждую включать . Спасибо.   ( Ссылку удалите, я имею ввиду такой плеер - http://irinazaytseva.ru/muzykalnaya-gostinaya)

    Ответить


    Александр Бобрин

    Елена, их много! Например тут — flv-mp3.com

    Ответить


    Нина

    Елена, Ирина Зайцева и я мы такие аудио через сервис привет.ру делали. Там все просто и легко. А про этот что Александр дал ссылку — я незнала, нужно будет попробовать разобраться еще.

    Ответить

  8. Олег

    Саша, поздравляю с победой в конкурсе у Антона! Заслужил однозначно.

    Ответить


    Александр Бобрин

    Спасибо, Олег!

    Ответить

  9. Александр Дубровченко

    А я пользовался неоднократно данным сервисом, все работало нормально.Может у вас с браузером что-то? И тут у Александра в данной статье кнопка рабочая и все проигрывается=)

    Ответить

  10. Николай

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

    Ответить


    Александр Бобрин

    Николай, например, интервью по скайпу.

    Ответить


    Николай

    Хм, об этом я не подумал. Вы правы.

    Ответить


    Степан

    Подкасты хороши тем, что не нужно смотреть на экран монитора(то есть не нужно читать). Просто включил себе, слушаешь и гуляешь по интернету... Как по мне очень удобно!

    Ответить


    SEO-PSIX

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

    Ответить

  11. Никита Рябин

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

    Ответить

  12. Геннадий

    Хороший пост нужно будет испробовать

    Ответить

  13. Леха

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

    Ответить

  14. Антон Лапшин

    Хорошая статья Саш! Как и с видео с Ютуба, звук оказывается также просто вставить — без всяких плагинов. Я вполне уверен, что интервью у тебя будут...

    Ответить

  15. Нина

    Александр скажите а плагин этот на сколько сильно может грузить блог? И к тому же если читатель захочет скачать, с аудиоподкаста не получится ведь. У меня на блоге есть такие аудио, так же и плагин...

    Ответить


    Александр Бобрин

    Нина, это не плагин. Скачать можно, на плеере есть ссылка.

    Ответить


    Нина

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

    А плеер этот вы закрываете от индексации?

    Ответить


    Александр Бобрин

    Нина, нет не закрываю, это не ссылка и блог он грузить не может.

    Ответить

  16. SEO-PSIX

    По моему дело не в сервисе а в вашем компьютере, поскольку у меня всё работает и прослушать можно.

    Ответить

  17. Алексей

    Спасибо Александр!полезно,только я пользуюсь аудио лишь в статьях)

    Ответить

  18. Нина

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

    Ответить


    Александр Бобрин

    Нина, ну может лучше им написать, там есть обратная связь!

    Ответить


    Нина

    Александр, только что получила ответ от них. Смотрите что пишут:

    «Здравствуйте! На сервис PodFM.ru Вы имеете право заливать только собственноручно созданный контент, но не чужие песни и музыку». 

    Значить мы все нарушаем правила?

    Ответить


    Александр Бобрин

    Нина, а я сам создал =) Я записал игру на гитаре (правда чужую) через программу. Я об этом даже в статье указал! Откуда они могут знать что это не мое?

    Ответить


    Нина

    Александр у меня тоже самое... перезаписала звук. Но все равно не прошло. Поэтому меня все это и удивило(

    Ответить


    Александр Бобрин

    Ну тогда не знаю.

  19. Сергей

    Спасибо Александр!Очень полезно...

    Ответить

  20. Вячеслав

    Да, аудио — это нужное в статье! Мультимедийный контент всегда нужен! 

    Ответить

  21. Ирина Раковец

    Нигде не видела такого красивого плеера. Прям захотелось подкаст сделать 🙂

    Ответить


    Анатолий Севрук

    Да, кстати, плеер очень красивый.

    Ответить


    Юлий

    Это Вы о чём? Audacity — не плеер, а программа для записи. Если о плеере, по которому можно прослушать музыку с Ютуб, что записал для примера Александр, так это обычный стандартный вид многих плееров.

    Ответить

  22. Ирина Раковец

    "0BLO=0, Вы наверно что-то не так сделали. Потому что сервис работает отважно!

    Ответить

  23. Лариса

    Александр, а как разместить на сайте в статье аудио запись не свою, а какую-нибудь песню или декламирование стихов.

    Ответить


    Александр Бобрин

    Лариса, для этого существует немалое количество различных аудио плееров для сайтов.

    Ответить

  24. Вячеслав

    О размещении аудио на сайте первый раз слышу! Но мне этот способ нравится! И поведенческие факторы улучшает и комментариев к статье на порядок больше!  

    Ответить


    Иван

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

    Ответить


    Юлий

    Есть специализированные сайты с прослушкой своего муз контента. Например, сайт сводок СовИнформБюро с войны. Был и печатный текст, и аудио. Очень удобно.

    Ответить

  25. Дима Актив

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

    Ответить

  26. Александр Василенко

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

    Ответить

  27. Василий

    Очень любопытный материал! Александр, а почему вы так редко вставляете подкасты такого рода? Хотелось бы слышать ваш голос почаще!

    Ответить

  28. Иван

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

    Ответить

  29. Юрий

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

    Ответить


    Юлий

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

    Ответить

  30. Анатолий Севрук

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

    Ответить


    Сергей

    И какой же ты музыкой занимаешь Анатолий? Мне что та интересно стало))

    Ответить


    serg

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

    Ответить

  31. Сергей

    этот постик как раз мне в тему! Спасибо Александр

    Ответить

  32. Игорь Попов

    Почетная статья! с первого раза все получилось, благодарю!)

    Ответить

  33. Радмир

    Хороший способ, не слыхал о таком. Да и аудио еще не размещал на блоге. Сейчас больше на youtube ориентируюсь. Хочу канал раскрутить и на нем начать зарабатывать.

    Ответить

  34. Денис

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

    Ответить

  35. serg

    Lame mp3 encoder прога просит из-за того, что кодек mp3 платный, а сама программа бесплатная. В общем, чтобы авторских прав не нарушать.

    Ответить

  36. Жук Юрий

    Аудио я знал, как вставлять только вот подзабыл, да и вообще никогда не пользовался.

    Ответить


    Александр

    Я думаю что очень не многие добавляют аудио на сайт и поэтому никто не задавался таким вопросом

    Ответить

  37. Александр

    Очень интересно не знал что на блоге можно добавлять аудио

    Ответить

20 эффективных способов увеличить базу подписчиков!
Оставьте комментарий:
Ваше имя *
Ваш email *
Ваш сайт:
Ваш комментарий: