18 Март 2013      3851      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. Степан:

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

    Ответить
    1. Сергей:

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

      Ответить
      1. serg:

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

        Ответить
  2. Виталий:

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

    Ответить
    1. Вячеслав:

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

      Ответить
  3. SEO-PSIX:

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

    Ответить
    1. Dim Yanush:

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

      Ответить
  4. Иван:

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

    Ответить
  5. Андрей:

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

    Ответить
  6. Тимофей:

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

    Ответить
  7. Елена Романова:

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

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

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

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

    Ответить
    1. Александр Бобрин:

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

      Ответить
    2. Нина:

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

      Ответить
  8. Олег:

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

    Ответить
    1. Александр Бобрин:

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

      Ответить
  9. Александр Дубровченко:

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

    Ответить
  10. Николай:

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

    Ответить
    1. Александр Бобрин:

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

      Ответить
      1. Николай:

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

        Ответить
        1. Степан:

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

          Ответить
      2. SEO-PSIX:

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

        Ответить
  11. Никита Рябин:

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

    Ответить
  12. Геннадий:

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

    Ответить
  13. Леха:

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

    Ответить
  14. Антон Лапшин:

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

    Ответить
  15. Нина:

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

    Ответить
    1. Александр Бобрин:

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

      Ответить
      1. Нина:

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

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

        Ответить
        1. Александр Бобрин:

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

          Ответить
  16. SEO-PSIX:

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

    Ответить
  17. Алексей:

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

    Ответить
  18. Нина:

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

    Ответить
    1. Александр Бобрин:

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

      Ответить
      1. Нина:

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

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

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

        Ответить
        1. Александр Бобрин:

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

          Ответить
          1. Нина:

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

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

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

  19. Сергей:

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

    Ответить
  20. Вячеслав:

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

    Ответить
  21. Ирина Раковец:

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

    Ответить
    1. Анатолий Севрук:

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

      Ответить
      1. Юлий:

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

        Ответить
  22. Ирина Раковец:

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

    Ответить
  23. Лариса:

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

    Ответить
    1. Александр Бобрин:

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

      Ответить
  24. Вячеслав:

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

    Ответить
    1. Иван:

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

      Ответить
    2. Юлий:

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

      Ответить
  25. Дима Актив:

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

    Ответить
  26. Александр Василенко:

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

    Ответить
  27. Василий:

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

    Ответить
  28. Иван:

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

    Ответить
  29. Юрий:

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

    Ответить
    1. Юлий:

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

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

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

    Ответить
    1. Сергей:

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

      Ответить
    2. serg:

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

      Ответить
  31. Сергей:

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

    Ответить
  32. Игорь Попов:

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

    Ответить
  33. Радмир:

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

    Ответить
  34. Денис:

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

    Ответить
  35. serg:

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

    Ответить
  36. Жук Юрий:

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

    Ответить
    1. Александр:

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

      Ответить
  37. Александр:

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

    Ответить

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

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

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