Блог Евгения Вергуса
Советы Вебмастера
Хотите начать зарабатывать на партнерских программах прямо сейчас?

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

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

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

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

Также, есть и еще один размер, немного меньше 240*48, который отлично подходит для размещения в сайтбаре Вашего блога. К примеру, у меня он выведен сразу под моей книгой «Можно ли заработать в интернете», там Вы можете прослушать вступление из данной книги, озвученное профессиональным диктором Игорем Козловым. Ниже я также разместил данный каст, в качестве примера, так что можете прослушать вступление.

Так как же разместить аудио на сайте? Об этом я расскажу ниже. Для начала регистрируемся на сервисе podfm.ru, это совершенно бесплатно, да и размещение подкастов, также бесплатно для Вас, так что платить ничего не придется 🙂

Затем заходим под своим логином и паролем и попадаем на свою страницу, у меня она выглядит так:

Заполняем профиль, делаем аватар, описание и так далее, все как обычно. Затем все сохраняем и возвращаемся на свою страницу, где Вы увидите ссылку «Добавить».

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

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

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

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

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

С уважением, Евгений Вергус.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Оценок статьи ещё нет. Будьте первыми!)
Загрузка...

Спасибо Вам за то, что поделились статьей в социальных сетях!
Подпишитесь на RSS-рассылку и будьте в курсе всех новых статей
К данной статье оставлено: 54 ком.
  1. Татьяна

    Большое спасибо! Как всегда доходчиво, даже «для особо одарённых». Всё получилось. Подкаст создала и даже код скопировала. Но на стр. пока не удаётся прикрепить 🙁

    Может, от шаблона зависит?..

    • Евгений Вергус
      Ответить
      12 марта 2013 в 10:52

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

    • Алёна Семёнова

      Ну вот... Ещё одна особо одарённая... 😀

      Хотя в сервисе podfm.ru я уже не одарённая и вполне во всю разбираюсь.

      И даже по лентам ролики свои распределила, а то 180 аудио треков в одной — это уж слишком много, однако %) *CRAZY*

  2. Николай

    Спасибо. Полезный сервиз.

  3. Victoria
    Ответить
    12 марта 2013 в 12:08

    Спасибо, Евгений, за мегаполезную информацию! Обязательно воспользуюсь этим проигрывателем. А то с плеером Вордпресса мне так и не удалось разобраться нормально... %)

    • Алёна Семёнова

      Я тоже с плеером Вордпресса не разобралась. Позже перешла на podfm.ru сервис и позабыла вообще, что значит трудное размещение аудио у себя на блоге 😀

      • Евгений Вергус
        Ответить
        12 марта 2013 в 12:59

        Да, с этим сервсисом все очень просто 🙂

  4. Галина

    Евгений, доброго вам дня! =)

    Спасибо вам хочу сказать! БОЛЬШОЕ!

    « На ловца и зверь бежит»! Только поразмышляла на тему об аудио на сайте...и вот пожалуйста — ваша статья!

    «Полезно всё, что кстати,а не в срок...» — сказал давным-давно Шекспир.

    Спасибо и удачи,процветания,новых полезностей для нас — читателей! =)

    • Евгений Вергус
      Ответить
      12 марта 2013 в 14:02

      И Вам спасибо, Галина, рад что мои статьи приносят пользу и приходятся в срок 🙂 Желаю Вам удачи!

      • Галина

        =) =) =)

  5. Ярослав

    Готовя страничку поздравления для женщин с 8 Марта, я пошел несколько иным путем — загрузил нужный аудиофайл в библиотеку медиафайлов, добавил элемент audio, поставил autoplay, а сам плеер скрыл, хотя можно было и показать его.

    • Евгений Вергус
      Ответить
      12 марта 2013 в 14:44

      Тоже вариант 🙂

  6. Татьяна
    Ответить
    12 марта 2013 в 16:08

    Спасибо Женя за труд! Очень хороший сервис, для того, чтоб разместить аудио на сайте. Сложностей в работе с podfm.ru нет,научиться сможет любой. Аудио формат на сайте это отличное дополнение к материалам и хорошее подспорье для ПФ. *THUMBS UP*

    • Евгений Вергус
      Ответить
      12 марта 2013 в 18:06

      Тань, всегда рад помочь своим читателям, может кому и пригодится 🙂 Спасибо, что забегаешь в гости, не забываешь 😉

  7. Сергей
    Ответить
    12 марта 2013 в 18:01

    Евгений, спасибо Вам за статью! Буду осваивать. Сейчас устанавливаю все нужные плагины. Я насчитал зо штук. Опасаюсь, что когда все установлю, то долго будет грузится сайт. Бум пробовать. =)

    • Евгений Вергус
      Ответить
      12 марта 2013 в 18:07

      А при чем здесь плагины? В данной статье описан способ вывода аудио кодом, а не плагином, это разные вещи 🙂

  8. Саша Линник

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

    • Евгений Вергус
      Ответить
      12 марта 2013 в 23:00

      Спасибо, Саш, двигаюсь постепенно, за март уже есть + 10 % к счету, в общем тренируюсь 🙂

  9. Ирина
    Ответить
    13 марта 2013 в 3:40

    Евгений, как всегда ваша статья кстати! Давно собиралась изучить этот вопрос и все откладывала. А Вы все на блюдечке... Спасибо!

    • Евгений Вергус
      Ответить
      13 марта 2013 в 9:10

      Ирина, всегда пожалуйста 🙂

  10. Надежда
    Ответить
    16 марта 2013 в 18:02

    Я не смогла зарегистрироваться там, минут 20 заполняла 🙁 код с картинки, один в один, какой показан, а мне все равно пишут — код с картинки неверно.

    • Евгений Вергус
      Ответить
      16 марта 2013 в 22:22

      Не знаю, я сразу зарегистрировался, правда давно это уже было 🙂

  11. Надежда
    Ответить
    16 марта 2013 в 18:43

    Получилось наконец. Евгений, а что значит — Укажите ссылку для скачивания из интеренета? Файл я загрузила, а как из него сделать подкаст? Я что-то там никаких инструкций не нашла.

    • Евгений Вергус
      Ответить
      16 марта 2013 в 22:23

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

  12. Надежда
    Ответить
    16 марта 2013 в 18:56

    Сделала подкаст и поместила на сайте в статье, только великоват, попробую поменьше сделать. Спасибо большое за информацию *THUMBS UP*

    • Евгений Вергус
      Ответить
      16 марта 2013 в 22:23

      Всегда пожалуйста!

  13. Надежда
    Ответить
    16 марта 2013 в 19:03

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

    • Евгений Вергус
      Ответить
      16 марта 2013 в 22:24

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

      • Надежда
        Ответить
        17 марта 2013 в 8:29

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

        Евгений, у меня сегодня на сайте куда-то пропала карта сайта, при открытии страницы вместо карты вот это: [postlist]. А как вернуть карту? Помогите, пожалуйста.

        • Евгений Вергус
          Ответить
          17 марта 2013 в 10:13

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

  14. Надежда
    Ответить
    17 марта 2013 в 18:22

    Спасибо, Евгений, все так и оказалось. Деактивировала плагин, потом активировала и карта встала на место. Запомню на будущее.

    • Евгений Вергус
      Ответить
      17 марта 2013 в 21:51

      Это обычное явление, часто так бывает, так что не стоит беспокоиться 🙂

  15. Максим
    Ответить
    25 марта 2013 в 22:44

    Знал бы об этом сервисе раньше, сэкономил бы пару часов. Ну да ладно. Лучше поздно, чем никогда. 🙂

    Спасибо Женя за пост!

    • Евгений Вергус
      Ответить
      25 марта 2013 в 22:45

      Отличный сервис, время действительно экономит 🙂

  16. Athal

    Да все предельно ясно и понятно. Давно искал именно бесплатный сервис и Ваша статья мне в этом помогла . Спасибо за ваши статьи !

    • Евгений Вергус
      Ответить
      1 апреля 2013 в 15:35

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

  17. Alexandr

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

    • Евгений Вергус
      Ответить
      5 августа 2013 в 15:41

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

  18. Татьяна
    Ответить
    23 октября 2013 в 6:52

    супер,спасибо! ваш сайт просто кладезень, как раз нашла что искала

    • Евгений Вергус
      Ответить
      23 октября 2013 в 14:40

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

  19. Лариса
    Ответить
    8 января 2014 в 1:30

    Спасибо, Женя!

    Вроде получилось. Это хорошо, что можно аудио вставить без лишних плагинов.

    • Евгений Вергус
      Ответить
      8 января 2014 в 12:40

      Да, лишнее нам не нужно и так полно разных ненужностей 🙂 Так что плагин для аудио ставить не будем 😉

  20. golodniy-kot
    Ответить
    17 января 2014 в 15:39

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

    Нет ли возможностей размещать в блогах аудио с вконтакта?

    • Евгений Вергус
      Ответить
      18 января 2014 в 10:26

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

      • golodniy-kot
        Ответить
        18 января 2014 в 10:41

        ну вот я не нашел кода вставки. а было бы очень хорошо если б можно было. ПодФМ слишком уж модерирует

  21. Михаил
    Ответить
    4 марта 2014 в 12:11

    Спасибо. Все абсолютно полезно и понятно. Как бывшему «радийному» человеку хочется попробовать на своей площадке. Удачи!

    • Евгений Вергус
      Ответить
      4 марта 2014 в 13:12

      Обязательно используйте данный способ 🙂

  22. Куралай
    Ответить
    14 июля 2014 в 11:49

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

  23. Татьяна Саксон
    Ответить
    6 августа 2014 в 17:05

    Привет, Евгений! Спасибо за полезную информацию. Мне надо бало аудио разместить и я сразу пришла с этим вопросом к тебе на блог. И я не ошиблась! Теперь зарегистрировалась там и тоже буду с этим сервисом работать над аудио.

    • Евгений Вергус
      Ответить
      6 августа 2014 в 17:11

      Привет! Да, сервис отличный. Можно разместить аудио и вывести его красивым проигрывателем 😉

  24. Елена
    Ответить
    9 августа 2014 в 13:40

    Здравствуйте, Евгений!

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

    Я, например, не смогла добавить ленту.

    Вопросы, на которые на сервисе не нашла ответы:

    1. у меня нет иллюстрации шириной 240 px ровно, не понимаю зачем она нужна, на блоге все необходимые картинки вставлены, надо только МАЛЕНЬКУЮ картинку-ссылку для прослушивания поставить;

    2. надо указать какой-то адрес, не могу понять, что за адрес и где его взять, подсказки системы ничего не объясняют;

    3. система предлагает три картинки рупоров, но зачем они, и как ими воспользоваться — не понятно.

    В блоггинге не первый день, но такие сервисы (сходу непонятные) вызывают раздражение, простите за резкость 🙂

    • Евгений Вергус
      Ответить
      10 августа 2014 в 20:33

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

  25. Наталия Смола
    Ответить
    30 декабря 2014 в 11:57

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

    Добавление подкаста

    У Вас нет ни одной ленты!

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

    Создать ленту

    Начинаю создавать ленту:

    Добавление подкаст-ленты

    Название

    Например: “Автомобильное обозрение от Ивана Павловича”

    Иллюстрация 240px

    Загрузите файл png или jpg. Шириной РОВНО 240 px

    Иллюстрация для iTunes

    Загрузите файл размером 1400 на 1400 точек, jpg или png, цветовое пространство rgb

    Адрес

    reikiteacher.podfm.ru Только латинские буквы без пробелов и знаков препинания

    Описание

    Предпросмотр

    Что такое илюстрация 240рх? Иллюстрация для iTunes?

    Чем не устраивает адрес?

    После нажатия сохранить

    Данные не сохранены!

    Укажите адрес латинскими буквами

    Загрузите иллюстрацию шириной 240px

    Название

    Например: “Автомобильное обозрение от Ивана Павловича”

    Иллюстрация 240px

    Загрузите файл png или jpg. Шириной РОВНО 240 px

    Иллюстрация для iTunes

    Загрузите файл размером 1400 на 1400 точек, jpg или png, цветовое пространство rgb

    Буду очень признательна за помощь! С Уважением Наталия Смола.

    • Евгений Вергус
      Ответить
      30 декабря 2014 в 14:10

      Наталья, спасибо!

      Что касается вашего вопроса, то при регистрации и создании ленты, у меня не возникало трудностей, я все делал по шагам. Иллюстрация это картинка на 240 px (пикселей). для iTunes я вообще ничего не добавлял.

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