Здравствуйте, уважаемые читатели моего блога.
В этой статье я хочу рассказать вам о том, как вставить аудио на сайт. В одной из своих статей я уже затрагивал эту тему (ссылка на пост), однако, тогда я писал о плагине «Audio Player», который позволял добавлять аудио только в WordPress блог, а сами файлы нужно было хранить на своем сервере.
Сегодня я расскажу о способе добавления аудио, который подходит для любых сайтов и блогов, кроме того, теперь нам не придется хранить файлы на собственном сервисе, что является огромным плюсом данного метода.
Давно я не публиковал постов на блог, в последнее время на основной работе твориться просто что-то невероятное, такой загрузки не было никогда! Домой прихожу уставший, с плохим настроением, тут даже статьи писать не хочется. Все чаще стал задумываться об увольнении, возможно, в ближайшее время я осуществлю задуманное.
Работа над моим новым курсом «Реактивный блог» ведется полным ходом, думаю, что уже на следующей недели все уроки будут записаны, останется только сделать меню и установить защиту. Скорее всего, в самом начале апреля курс будет запущен.
Кстати, друзья, то, что я стал редко писать в блог, вовсе не означает, что так будет впредь. Впереди у меня много планов. Сразу после выхода видеокурса я планирую запустить на блоге марафон по разгадыванию кроссвордов, призы будут суперские! Кроме того, у меня накопилось немало идей для будущих постов, так что скоро блог будет обновляться гораздо чаще. Чтобы ничего не пропустить, рекомендую вам подписаться на обновления блога.
Теперь давайте перейдем к теме поста…
И так, друзья, давайте поговорим о том, зачем вообще нам вставлять аудио на сайт или блог.
В одной из своих статей я писал о создании подкастов, которые очень неплохо могут дополнить основные статьи, вот ссылка на этот пост. Сам я именно аудиоподкасты на блоге еще не размещал, но не исключаю, что в будущем придется с этим столкнуться.
Например, возьму у кого-нибудь интервью в аудио формате или сам решу создать свои подкаст. Думаю, что контент в данном формате очень неплохо впишется в основные статьи на блоге.
Перед тем, как разместить подкаст или какое-либо другое аудио на блог, нужно его создать, ну или заполучить в формате аудио.
Давайте разберем вариант с созданием подкаста.
Для записи аудио для компьютера существует немалое количество различных программ. Сам я пробовал пользоваться только одной, это – Audacity. Скачать ее можно по этой ссылке.
Программа бесплатная и очень проста в обращении. Для записи звука вам потребуется микрофон и базовые знания по работе с Audacity. Там ничего сложного нет. Вот так выглядит главное окно программы:
Ознакомиться с руководством по использованию программы вы можете здесь.
Для записи аудио вам нужно указать устройство, с которого будет писаться звук, и нажать кнопку записи. Затем, полученную звуковую дорожку можно отредактировать и экспортировать в звуковой файл. При экспорте звука в формат mp3, программа запросит Lame mp3 encoder, который можно скачать по этой ссылке.
После того, как ваш подкаст готов, его нужно загрузить на сервис и потом уже вставить на сайт. Повторюсь, различных сервисов для этих целей существует немало, я свой выбор остановил на podfm.ru. Это ежедневный аудиожурнал, где представлено огромное количество различных развлекательных и познавательных аудио.
Для работы с сервисом необходимо зарегистрироваться на нем, оформить свой аккаунт (заполнить персональные данные) и уже потом, приступить к публикации своих подкастов.
Регистрация очень проста, нажимаем ссылку «Регистрация», которая расположена в правом верхнем углу, и заполняем несложную форму:
После регистрации перейдите в настройки своего аккаунта и заполните, нужные вам, поля.
Например, загрузите аватарку, укажите имя, ссылку на блог и т.п.
Теперь, можите добавить свой первый аудио подкаст на сервис. Для примера, я добавил обычный звуковой файл, который записал с YouTube. Вот он:
Можете послушать 🙂
Для добавления подкаста жмем ссылку «Добавить подкаст».
На следующем шаге необходимо выбрать источник, с которого будет загружен ваш музыкальный файл. Здесь доступно три варианта:
— загрузите файл с компьютера;
— укажите ссылку для скачивания из Интернета;
— импортируйте подкасты с RSS-ленты.
Думаю, что здесь объяснять не нужно, сложного ничего нет. В своем случае я сохранял файл на компьютер, поэтому выбрал первый вариант.
После того, как аудио будет загружено, необходимо оформить будущий подкаст. Если этого не сделать, то файл впоследствии будет удален с сервиса (неоформленные файлы хранятся три дня).
Для оформления нужно заполнить следующие поля:
— номер выпуска;
— название;
— лид (краткое описание);
— описание;
— избражение;
— выбрать ленту;
— выбрать рубрику для вашего подкаста.
После заполнения полей, нажимаем «Сохранить подкаст».
Теперь, при просмотре вашего подкаста, вы увидите раздел «Разместить плейер (код плейера)».
Для того, чтобы вставить аудио и плейер на сайт, выбираем нужный формат (я выбрал WordPress) и копируем представленный код, который впоследствии вы можете вставить в любое место на своем сайте.
В настройках плейера можно выбрать также его размер. Там имеется два варианта. Стандартный размер подойдет для размещении в статьях, маленький можно разместить, например, в сайдбаре.
Ну вот, на этом у меня все. Надеюсь, мой пост оказался для вас полезен.
С уважением, Александр Бобрин
© 2023 Блог Александра Бобрина. Создание сайта и заработок в интернете · Копирование материалов сайта без разрешения запрещено
Политика конфиденциальности | Пользовательское соглашение
Мне понравился данный способ установки аудио, пожалуй через несколько месяцев сделаю несколько подкастов и загружу на блог!
а я как раз хотел выставить пару треков на блог не знал каким способам это сделать...
Спасибо за пошаговое описание. Попробую применить на своём сайте.
У меня пока не было необходимости размещения аудио на блоге, но информацию взял на заметку 🙂
Как установишь этот плагин на блог, сразу появится необходимость!
За информацию конечно спасибо, но вот мне не доводилось вставлять аудио в блог, за ненадобностью.
Как правило имеешь дело с видео. Оно и нагляднее, и популярнее. Тем не менее, приведенные рекомендации стоит взять на заметку.
В голову пока не приходило мысли, как размещать подкасты таким способом. возьму на заметку.
К сожалению или к счастью, нового для себя я ничего не узнал...
Хороший способ, не слыхал о таком. Да и аудио еще не размещал на блоге. Сейчас больше на youtube ориентируюсь. Хочу канал раскрутить и на нем начать зарабатывать.
Здравствуйте, Александр!
Насколько я понимаю, это вариант подходит, для небольшого количества аудио.
Может быть Вы знаете вариант, чтобы сделать на одной странице аудиоплеер , в котором будет сразу 20 и более музыкальных композиций.
И чтобы они шли одна за другой, а не приходилось каждую включать . Спасибо. ( Ссылку удалите, я имею ввиду такой плеер - http://irinazaytseva.ru/muzykalnaya-gostinaya)
Елена, их много! Например тут — flv-mp3.com
Елена, Ирина Зайцева и я мы такие аудио через сервис привет.ру делали. Там все просто и легко. А про этот что Александр дал ссылку — я незнала, нужно будет попробовать разобраться еще.
Саша, поздравляю с победой в конкурсе у Антона! Заслужил однозначно.
Спасибо, Олег!
А я пользовался неоднократно данным сервисом, все работало нормально.Может у вас с браузером что-то? И тут у Александра в данной статье кнопка рабочая и все проигрывается=)
Хорошая статья. Правда я не понимаю самого смысла использования аудио на сайте. Всегда можно описать словами что-то и привести в качестве наглядных примеров скриншоты. В идеале прикрепить видео, например с YouTube. Аудио как способ передачи информации, наверное, тут самый неудобный, по крайней мере для меня.
Николай, например, интервью по скайпу.
Хм, об этом я не подумал. Вы правы.
Подкасты хороши тем, что не нужно смотреть на экран монитора(то есть не нужно читать). Просто включил себе, слушаешь и гуляешь по интернету... Как по мне очень удобно!
О, наконец понял для чего нужно размещать в блоге аудио.
Отличная альтернатива плагинам, которые, пользователи не умеют устанавливать, и использовать их.
Хороший пост нужно будет испробовать
Как будто в интернете нет информации по данной теме. Пост бесполезен. Ты вроде говорил Сань, что тебе плевать на поисковой трафик, тогда зачем тратить время?
Хорошая статья Саш! Как и с видео с Ютуба, звук оказывается также просто вставить — без всяких плагинов. Я вполне уверен, что интервью у тебя будут...
Александр скажите а плагин этот на сколько сильно может грузить блог? И к тому же если читатель захочет скачать, с аудиоподкаста не получится ведь. У меня на блоге есть такие аудио, так же и плагин...
Нина, это не плагин. Скачать можно, на плеере есть ссылка.
Александр я знаю что это не плагин, просто спросила насколько сильно этот плагин с аудио может грузить блог. А про возможность скачивания с подкаста незнала, спасибо большое за информацию!.
А плеер этот вы закрываете от индексации?
Нина, нет не закрываю, это не ссылка и блог он грузить не может.
По моему дело не в сервисе а в вашем компьютере, поскольку у меня всё работает и прослушать можно.
Спасибо Александр!полезно,только я пользуюсь аудио лишь в статьях)
Александр мне прислали письмо с этого сервиса, что я нарушила правила размещения, и обещали заблокировать аккаунт. В чем причина не пойму. Все ведь так делают((
Нина, ну может лучше им написать, там есть обратная связь!
Александр, только что получила ответ от них. Смотрите что пишут:
«Здравствуйте! На сервис PodFM.ru Вы имеете право заливать только собственноручно созданный контент, но не чужие песни и музыку».
Значить мы все нарушаем правила?
Нина, а я сам создал =) Я записал игру на гитаре (правда чужую) через программу. Я об этом даже в статье указал! Откуда они могут знать что это не мое?
Александр у меня тоже самое... перезаписала звук. Но все равно не прошло. Поэтому меня все это и удивило(
Ну тогда не знаю.
Спасибо Александр!Очень полезно...
Да, аудио — это нужное в статье! Мультимедийный контент всегда нужен!
Нигде не видела такого красивого плеера. Прям захотелось подкаст сделать 🙂
Да, кстати, плеер очень красивый.
Это Вы о чём? Audacity — не плеер, а программа для записи. Если о плеере, по которому можно прослушать музыку с Ютуб, что записал для примера Александр, так это обычный стандартный вид многих плееров.
"0BLO=0, Вы наверно что-то не так сделали. Потому что сервис работает отважно!
Александр, а как разместить на сайте в статье аудио запись не свою, а какую-нибудь песню или декламирование стихов.
Лариса, для этого существует немалое количество различных аудио плееров для сайтов.
О размещении аудио на сайте первый раз слышу! Но мне этот способ нравится! И поведенческие факторы улучшает и комментариев к статье на порядок больше!
Только мобильные пользователи от вас откажутся, так как им просто не будет хватать трафика для прослушки.
Есть специализированные сайты с прослушкой своего муз контента. Например, сайт сводок СовИнформБюро с войны. Был и печатный текст, и аудио. Очень удобно.
Сервис классный , тоже давно пользуюсь. Там кстати по хочу ещё и недавно сделали абгрейт плеера, выглядит очень даже красиво.
Сейчас решил усиленно продвигать свой блог и не только видео уроки, хочу размещать аудио и сервис мне точно пригодиться, спасибо вам за полезную информацию.
Очень любопытный материал! Александр, а почему вы так редко вставляете подкасты такого рода? Хотелось бы слышать ваш голос почаще!
Размещение подкастов, сегодня, как никак актуально и этим грешат многие блоггеры. Удобно, практично и заставляет пользователя надолго задержаться. Правда, они плохи в том случае, когда скорость интернета посетителя позволяет только прочитать контент. Ну и естественно для мобильных пользователей это жутко не удобно.
Может для музыкальных сайтов самое то будет, для своего блога пока не вижу применения. Если только обращения или аудио книги выкладывать.
Юрий, а я вижу. У Вас сайт о компах, так выложите звуковые сигналы биоса и их расшифровку. Сигналов биоса несколько десятков.
Audacity — это первая программа для работы со звуком, которую я использовал, занимаясь музыкой. А сервис интересный, я о таком даже не знал, добавлял аудио при помощи плагинов.
И какой же ты музыкой занимаешь Анатолий? Мне что та интересно стало))
Audacity ставится в Винду, если у Вас установлен фреймворк. Иначе будет писать о переустановке программы.
этот постик как раз мне в тему! Спасибо Александр
Почетная статья! с первого раза все получилось, благодарю!)
Хороший способ, не слыхал о таком. Да и аудио еще не размещал на блоге. Сейчас больше на youtube ориентируюсь. Хочу канал раскрутить и на нем начать зарабатывать.
Александр, очень хотелось бы услышать твои аудиоподкасты, приятный голос, судя по курсам.
Lame mp3 encoder прога просит из-за того, что кодек mp3 платный, а сама программа бесплатная. В общем, чтобы авторских прав не нарушать.
Аудио я знал, как вставлять только вот подзабыл, да и вообще никогда не пользовался.
Я думаю что очень не многие добавляют аудио на сайт и поэтому никто не задавался таким вопросом
Очень интересно не знал что на блоге можно добавлять аудио