Загрузка...
Как разместить аудио на сайте
Друзья, всем привет! Сегодня расскажу Вам о том, как разместить аудио на своем сайте, как размещать подкасты в красивом проигрывателе прямо на своем блоге и тем самым радовать своих читателей новыми записями и полезным аудиоконтентом. Тем более, данный вопрос мне постоянно задают и я решил написать об этом, так что читайте статью до конца и узнаете как это сделать.
Как разместить аудио на сайте
На самом деле разместить аудиоролик или подкаст, можно очень просто. Я пользуюсь сервисом podfm.ru это ежедневный аудиожурнал, с помощью которого Вы сможете размещать свои аудиоматериалы, а затем выкладывать их на своем блоге в виде симпатичного проигрывателя, вот такого, как показан ниже на картинке.
Также, есть и еще один размер, немного меньше 240*48, который отлично подходит для размещения в сайтбаре Вашего блога. К примеру, у меня он выведен сразу под моей книгой «Можно ли заработать в интернете», там Вы можете прослушать вступление из данной книги, озвученное профессиональным диктором Игорем Козловым. Ниже я также разместил данный каст, в качестве примера, так что можете прослушать вступление.
Так как же разместить аудио на сайте? Об этом я расскажу ниже. Для начала регистрируемся на сервисе podfm.ru, это совершенно бесплатно, да и размещение подкастов, также бесплатно для Вас, так что платить ничего не придется 🙂
Затем заходим под своим логином и паролем и попадаем на свою страницу, у меня она выглядит так:
Заполняем профиль, делаем аватар, описание и так далее, все как обычно. Затем все сохраняем и возвращаемся на свою страницу, где Вы увидите ссылку «Добавить».
Далее попадаем на следующую страницу, где Вы можете загрузить свой аудиоролик с компьютера или с помощью ссылки. Там все просто, следуете инструкциям системы и заполняете нужные поля, описание и так далее, в общем разберетесь. Также можно запретить скачивать Ваш подкаст, а оставить только для прослушивания. После того как Вы загрузите и заполните все поля, Вы сможете найти свои подкасты, во вкладке «Мои подкасты» и выбрать нужный, для того чтобы получить код и разместить его на своем блоге.
Вот смотрите картинку ниже, данное окно откроется после того, как Вы нажмете на нужный и уже загруженный подкаст.
Здесь можно прослушать подкаст, скачать его если нужно, а также получить код для блога, при этом можно выбрать один из двух размеров. Вам останется скопировать код и разместить его в нужном месте на Вашем блоге, хоть на странице, хоть в сайтбаре. Вот в принципе и все, теперь Вы знаете, как разместить аудио на сайте и сможете радовать своих посетителей новым, интересным и уникальным аудиоконтентом.
Как всегда жду Ваших вопросов и комментариев и как всегда с радостью на них отвечу. Не забудьте поделиться статьей в социалках, буду благодарен. А я пойду дальше делать свой новый и очень подробный курс, а также готовить большой тренинг для всех желающих зарабатывать в сети. Это будет большое событие и мегаполезная информация. Подробности будут позже. Желаю Вам удачи!
В дополнение к статье, разместил для Вас ознакомительное видео о том, что такое подкаст, скринкаст и для чего это нужно.
С уважением, Евгений Вергус.
Большое спасибо! Как всегда доходчиво, даже «для особо одарённых». Всё получилось. Подкаст создала и даже код скопировала. Но на стр. пока не удаётся прикрепить 🙁
Может, от шаблона зависит?..
Татьяна, да там все просто, копируете код и вставляете его в нужное место статьи, конечно это нужно делать во вкладке HTML и все получится. Нет разницы какой шаблон, код работает везде.
Ну вот... Ещё одна особо одарённая... 😀
Хотя в сервисе podfm.ru я уже не одарённая и вполне во всю разбираюсь.
И даже по лентам ролики свои распределила, а то 180 аудио треков в одной — это уж слишком много, однако %) *CRAZY*
Спасибо. Полезный сервиз.
Спасибо, Евгений, за мегаполезную информацию! Обязательно воспользуюсь этим проигрывателем. А то с плеером Вордпресса мне так и не удалось разобраться нормально... %)
Я тоже с плеером Вордпресса не разобралась. Позже перешла на podfm.ru сервис и позабыла вообще, что значит трудное размещение аудио у себя на блоге 😀
Да, с этим сервсисом все очень просто 🙂
Евгений, доброго вам дня! =)
Спасибо вам хочу сказать! БОЛЬШОЕ!
« На ловца и зверь бежит»! Только поразмышляла на тему об аудио на сайте...и вот пожалуйста — ваша статья!
«Полезно всё, что кстати,а не в срок...» — сказал давным-давно Шекспир.
Спасибо и удачи,процветания,новых полезностей для нас — читателей! =)
И Вам спасибо, Галина, рад что мои статьи приносят пользу и приходятся в срок 🙂 Желаю Вам удачи!
=) =) =)
Готовя страничку поздравления для женщин с 8 Марта, я пошел несколько иным путем — загрузил нужный аудиофайл в библиотеку медиафайлов, добавил элемент audio, поставил autoplay, а сам плеер скрыл, хотя можно было и показать его.
Тоже вариант 🙂
Спасибо Женя за труд! Очень хороший сервис, для того, чтоб разместить аудио на сайте. Сложностей в работе с podfm.ru нет,научиться сможет любой. Аудио формат на сайте это отличное дополнение к материалам и хорошее подспорье для ПФ. *THUMBS UP*
Тань, всегда рад помочь своим читателям, может кому и пригодится 🙂 Спасибо, что забегаешь в гости, не забываешь 😉
Евгений, спасибо Вам за статью! Буду осваивать. Сейчас устанавливаю все нужные плагины. Я насчитал зо штук. Опасаюсь, что когда все установлю, то долго будет грузится сайт. Бум пробовать. =)
А при чем здесь плагины? В данной статье описан способ вывода аудио кодом, а не плагином, это разные вещи 🙂
Спасибо за стать.! Думаю, в ближайшем будущем мне пригодиться. Как ты Женя поживаешь? как успехи в трейдинге?
Спасибо, Саш, двигаюсь постепенно, за март уже есть + 10 % к счету, в общем тренируюсь 🙂
Евгений, как всегда ваша статья кстати! Давно собиралась изучить этот вопрос и все откладывала. А Вы все на блюдечке... Спасибо!
Ирина, всегда пожалуйста 🙂
Я не смогла зарегистрироваться там, минут 20 заполняла 🙁 код с картинки, один в один, какой показан, а мне все равно пишут — код с картинки неверно.
Не знаю, я сразу зарегистрировался, правда давно это уже было 🙂
Получилось наконец. Евгений, а что значит — Укажите ссылку для скачивания из интеренета? Файл я загрузила, а как из него сделать подкаст? Я что-то там никаких инструкций не нашла.
Надо или загрузить с компьютера или указать ссылку, что-то одно выбрать.
Сделала подкаст и поместила на сайте в статье, только великоват, попробую поменьше сделать. Спасибо большое за информацию *THUMBS UP*
Всегда пожалуйста!
Евгений, прошу прощения, но у меня еще вопрос, это теперь с моего сайта с каждого подкаста, который я там буду размещать, на этот сервис будет идти ссылка? Я проверила, ссылка ведет на мою страницу на этом сервере. А у вас две ссылки на вашу книгу, а одна не работает. А как это сделать, чтобы не было ссылки?
Конечно будут ссылки, но их можно просто закрыть, как и все остальные. И что значит, моя ссылка не работает, какая именно?
В статье у вас три больших плеера, ссылка идет на сервис только с одного.
Евгений, у меня сегодня на сайте куда-то пропала карта сайта, при открытии страницы вместо карты вот это: [postlist]. А как вернуть карту? Помогите, пожалуйста.
Понятно 🙂 Но в статье не все плееры выведены кодом, это картинки, поэтому и ссылка одна. А по поводу карты сайта, так нужно сделать те же действия, что и в самом начале. Возможно был какой-то сбой.
Спасибо, Евгений, все так и оказалось. Деактивировала плагин, потом активировала и карта встала на место. Запомню на будущее.
Это обычное явление, часто так бывает, так что не стоит беспокоиться 🙂
Знал бы об этом сервисе раньше, сэкономил бы пару часов. Ну да ладно. Лучше поздно, чем никогда. 🙂
Спасибо Женя за пост!
Отличный сервис, время действительно экономит 🙂
Да все предельно ясно и понятно. Давно искал именно бесплатный сервис и Ваша статья мне в этом помогла . Спасибо за ваши статьи !
Да, сервис отличный, удобный и бесплатный, так что применяйте на своем блоге.
Я думаю что плеер на сайте это лишняя нагрузка на сервер и скорость самого сайта.
Да, возможно и лишняя, но бывает так, что это необходимо и давать ссылку на скачивание и тем самым терять посетителя будет просто глупо.
супер,спасибо! ваш сайт просто кладезень, как раз нашла что искала
Татьяна, я рад что мой блог помогает Вам находить ответы на свои вопросы.
Спасибо, Женя!
Вроде получилось. Это хорошо, что можно аудио вставить без лишних плагинов.
Да, лишнее нам не нужно и так полно разных ненужностей 🙂 Так что плагин для аудио ставить не будем 😉
все бы хорошо но на подфм не каждый аудиоролик выживет, атм жесткая модерация материалов.
Нет ли возможностей размещать в блогах аудио с вконтакта?
Не пробовал, думаю можно ставить без проблем. Надо будет разобраться с этим вопросом.
ну вот я не нашел кода вставки. а было бы очень хорошо если б можно было. ПодФМ слишком уж модерирует
Спасибо. Все абсолютно полезно и понятно. Как бывшему «радийному» человеку хочется попробовать на своей площадке. Удачи!
Обязательно используйте данный способ 🙂
Спасибо, Евгений. Как отредактировать название ленты, или удалить подкаст из данной ленты, чтобы поставить заново и присвоить ему другое название ленты?
Привет, Евгений! Спасибо за полезную информацию. Мне надо бало аудио разместить и я сразу пришла с этим вопросом к тебе на блог. И я не ошиблась! Теперь зарегистрировалась там и тоже буду с этим сервисом работать над аудио.
Привет! Да, сервис отличный. Можно разместить аудио и вывести его красивым проигрывателем 😉
Здравствуйте, Евгений!
Почитала комментарии, все пишут, что сервис очень простой. Я же никак не могу в нем разобраться, жаль, что Вы не описали все подробно — по шагам.
Я, например, не смогла добавить ленту.
Вопросы, на которые на сервисе не нашла ответы:
1. у меня нет иллюстрации шириной 240 px ровно, не понимаю зачем она нужна, на блоге все необходимые картинки вставлены, надо только МАЛЕНЬКУЮ картинку-ссылку для прослушивания поставить;
2. надо указать какой-то адрес, не могу понять, что за адрес и где его взять, подсказки системы ничего не объясняют;
3. система предлагает три картинки рупоров, но зачем они, и как ими воспользоваться — не понятно.
В блоггинге не первый день, но такие сервисы (сходу непонятные) вызывают раздражение, простите за резкость 🙂
Елена, данная статья просто показывает одни из вариантов размещения аудио на блоге. Там нет никаких сложностей и все понятно, во всяком случае я не увидел трудностей, поэтому и не стал подробно все описывать.
Евгений очень полезная информация у Вас на блоге, и в частности эта. Я столкнулась с проблемой, если можете помогите.Когда я нажимаю
Добавление подкаста
У Вас нет ни одной ленты!
Для того, чтобы добавить подкаст, необходимо создать для него ленту.
Создать ленту
Начинаю создавать ленту:
Добавление подкаст-ленты
Название
Например: “Автомобильное обозрение от Ивана Павловича”
Иллюстрация 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
Буду очень признательна за помощь! С Уважением Наталия Смола.
Наталья, спасибо!
Что касается вашего вопроса, то при регистрации и создании ленты, у меня не возникало трудностей, я все делал по шагам. Иллюстрация это картинка на 240 px (пикселей). для iTunes я вообще ничего не добавлял.