18 марта 2013      106      65

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

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

В этой статье я хочу рассказать вам о том, как вставить аудио на сайт. В одной из своих статей я уже затрагивал эту тему (ссылка на пост), однако, тогда я писал о плагине «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. Александр:

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

    [Ответить]

Ваш комментарий

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

Автор блога:

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

Популярные записи
Ссылки на социальные сети:

© 2018 Блог Александра Бобрина. Создание сайта и заработок в интернете · Копирование материалов сайта без разрешения запрещено
Политика конфиденциальности | Пользовательское соглашение