21

Знаете ли вы, как вставить аудио в блог?

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

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

Вариантов, как это можно сделать, – десятки. Но прежде, чем вы решите воспользоваться тем или другим способом, обратите внимание на следующие моменты:

1. Сколько хранится загруженный аудиофайл на сервере? Не нужно ли будет его постоянно заливать заново. В принципе, можно разместить файл на своем хостинге и тогда он будет доступен всегда, пока вы сами его не удалите. Но это вопрос использования дискового пространства. Тем более, если аудиофайлов будет много.


2. Насколько сервис надежный. Сколько он уже существует, какое количество пользователей им пользуется, насколько стабильно он работает.

3. Будьте осторожны с плагинами. Есть специальные плагины для вставки аудио в статью. Но я люблю обходиться без них, если это возможно. Чем больше плагинов, тем больше вероятность возникновения проблем.

В рамках этой статьи мы разберем один из вариантов добавления подкаста – тот, который не требует установки дополнительных плагинов и подходит для любой платформы (blogspot, wordpress,  и т.д.).

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

Вставить аудио на сайт с помощью Podfm.ru: пошаговая инструкция

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

Если вы еще никогда не пользовались этим сервисом, то вам нужно будет пройти несложную регистрацию. Далее заходите в свой аккаунт, находите кнопку “Добавить” в верхнем меню (или в боковой колонке).

Добавление файла

Форма добавления файла

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

После сохранения всех настроек под файлом появится вот такое окно:

Код плеера

В этом окне нас будет интересовать меню “Разместить плеер”. Жмем на “HTML” и видим ниже код плеера. Копируем его и вставляем в нужном месте в статью в режиме “html”.

Публикуем статью и наслаждаемся красивым и удобным плеером в нашем блоге!

Подводные камешки :)

Podfm.ru — это прежде всего сервис для подкастеров. Хранение музыки не приветствуется. Если вы хотите просто вставить музыкальный файл в сообщение, то лучше воспользоваться другим сервисом (например, Яндекс Музыкой).

На Podfm.ru файлы можно загружать только в формате mp3. Т.е. файл из интернета в другом формате не загрузится. А свои файлы на компьютере придется сначала конвертировать в mp3, а потом уж выгружать на podfm.ru.

Кроме того, когда вы копируете код плеера в статью и нажимаете кнопку предпросмотра сообщения, чтобы понять, как это будет выглядеть, то плеер вы можете и не увидеть. Тем не менее, он появляется и работает после публикации статьи. Так что не пугайтесь, все в порядке. :)

Что касается упомянутого выше сервиса Яндекс Музыка, то все делается аналогично. Находите нужную вам композицию, по клику на название она начинает воспроизводиться и под названием справа появляются меню «Поделиться» (в соцсетях) и «Встроить в блог». По нажатию на меню «Встроить в блог», получаем код html, который и вставляем в сообщение блога.  После публикации сообщения, плеер отображается на странице.

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

Успехов!

Автор: Татьяна Иванко

Иллюстрация: vipof.com

Получайте свежие статьи на почту, как более 5000 читателей "Блоги Мам", и будьте в курсе всего самого интересного и полезного!

Ваш e-mail:

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

21 комментарий

по хронологии
по рейтингу сначала новые по хронологии

Большое спасибо за действительно полезную информацию! Уже много раз хотела вставить в свои блоги аудио-материалы, но никак не могла разобраться, как это делать.

Теперь воспользуюсь Вашим руководством- надеюсь, всё получится:)

Алена Абрамова

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

А я как-то даже и не думала о вставке аудио в блог) Хотя идея не плохая!

Ну, надо же! ВЧЕРА я осваивала создание и заливку аудиофайлов - а сегодня статья об аудио на БМ!

Правда, я использовала сервис http://soundcloud.com/ .

Стану ли вывешивать файл на свой блог, а тем более, делать регулярный подкаст, пока не знаю. Но напряженно думаю об этом последнюю неделю. Тема аудио явно витает в воздухе! :)

Если кому-то актуально, могу поделиться ссылкой на онлайн-уроки сценической речи и работы с голосом.

Автор

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

Автор

Таня спасибо - очень полезно!!!

Я правда об этом не задумывалась, но теперь точно знаю куда бежать, если что :)))

Очень благодарна за эту статью. Уже давно задумываюсь над озвучкой своего блога. Обязательно попробую. Спасибо!!

Как вовремя! Только сегодня собиралась искать эту информацию! Спасибо огромное! Так подробно и четко!

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

В конце концов, я использовала the-converter.net для конвертации и prostopleer.com для генерирования плейера.

Первый опыт - на Куликах.

Автор

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

Разумеется, это не единственные варианты.

Ия Шаблинская

Благодарю вас, Татьяна, за хороший пост!! Только в вашей статье нашла ключевые слова, почему не получалось вставить аудиофайл на пост. Как хорошо, что мне открылась ваша страничка!!

Доброго дня! Спасибо за полезные материалы. А скажите, пожалуйста, как сделать так, чтобы аудио подкаст был в ограниченном доступе? То есть, чтобы не все его могли слушать и скачивать, а только избранные.

Спасибо)

Спасибо, Татьяна.Очень полезная информация, попробую применить.

Татьяна, спасибо за пост, очень пригодился, как раз вовремя!

А я использовала аудио плагин. Вообще какое количество плагинов можно устанавливать (у меня их 10 больше уже боюсь ставить) ?

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

Спасибо, для меня очень актуально

Олеся Царёва

Здравствуйте, очень долго интересуюсь этим вопросом, т.к. написала тост Аудио сказки (http://corolesja.blogspot.com/2015/03/audioskazki3-6let.html), но заметила, что на планшете (андроиде) плагин не поддерживается. Перерыла весь интернет в поисках нового кода для вставки и не нашла подходящего. Сложность еще в том, что некоторые сказки довольно длинные, а на многих сайтах огранечение по размеру закачиваемого файла. Вы можете мне помочь?

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