Как вставить аудио на блог | Заметки вебмастера






Плагин Audio Player: как вставить аудио на блог

вставить аудио на сайтПриветствую всех посетителей моего ресурса!

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

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

Хочется остановиться на этом факте подробнее. Давайте рассмотрим для чего это необходимо в первую очередь.

Зачем нужно добавлять аудио на блог

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

Также аудио незаменимо для прослушивания интервью с интересными людьми на различные темы.

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

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

как вставить аудио на сайтТак что советую Вам подписаться на рассылку моих статей по почте.

Итак, начнем осуществлять задуманное, а именно вставим любой аудиофайл в эту статью.

Есть два варианта для того чтобы вставить аудио на блог. Первый с помощью плагина Audio Player. Второй с использованием одного известного сервиса, который называется podfm.ru — http://podfm.ru/topodcasters/

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

Рекомендую Вам зайти на этот сервис и попробовать им воспользоваться. Я же подробно расскажу про то, каким образом с помощью плагина Audio Player добавить аудиофайл на свой блог.

Устанавливаем плагин Audio Player

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

После того как плагин будет активирован, нужно перейти в раздел настроек. Для этого заходим в Админпанель WordPress –> Настройки –> Audio Player. Откроется окно настроек:

настройка плагина Audio player

Внизу расположена надпись “Папка аудио по умолчанию”:

папка аудио на сайте Это информация о том, что все аудиофайлы по умолчанию будут располагаться в папке под названием “audio”.

Теперь нужно создать эту папку на сервере. Для этого необходимо будет соединиться при помощи фтп — клиента со своим сервером.

Подробно о том, как это сделать я рассказывал в своей статье про резервное копирование.

Если Вы используете такой же хостинг, как и у меня (Hostland), то Вам нужно будет создать папку “audio” в корне блога по адресу ваш блог/htdocs/www:

папка audio

После этих действий нужно будет закачать в эту папку любой аудиофайл. Я закачал одну хорошую мелодию из фильма:

аудиофайл_mp3

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

Чтобы это осуществить, нужно выбрать место для вставки аудиофайла и прописать вот такой код (не забудьте сменить название аудиофайла и скобки должны быть квадратные):

код для вставки аудио на сайт

Настройка плагина Audio Player

Вы уже находитесь в меню для настройки плагина Audio Player. Здесь есть несколько вкладок, с помощью которых он настраивается. Далее буду рассказывать по вкладкам.

Общие

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

общие настройки аудиоплейера

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

Отображение

Для того, чтобы можно было поменять цветовую тему Вашего плеера, необходимо из выпадающего списка выбрать background  (фон), а затем выбрать любой цвет:

отображение аудиоплейера

Этим способом возможно установить определённый цвет каждого элемента аудиоплейера.

Также здесь возможно изменить ширину плеера. Это сделать легко, нужно лишь поменять значение «Ширина плейера».

Параметры канала

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

Если поставить значение «Ничего», то  и ничего передаваться не будет. Поставьте «Ссылка на скачивание», чтобы предоставить возможность подписчикам скачать аудио по ссылке.

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

Подкастинг

Эта вкладка представляет собой функцию для воспроизведения определенной мелодии в начале и/или в конце аудиофайла

Настройки можете увидеть в скиншоте внизу, нажав на него для увеличения:

настройки подкастинга

Дополнительно

В этой вкладке поменяйте строчку “Альтернативный контент для выдержки” и напишите вместо нее по-русски.

Например: [ Для прослушивания  аудиофайла, кликните по этой ссылке ].

Кроме этого настройками предусмотрено изменение первоначальной громкости плейера. Для осуществления этого измените значение “Изначальная громкость”. У меня этот параметр равен = 60.

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

Я в свою очередь представляю Вашему вниманию композицию, которую закачал для прослушивания в аудиоплейере:

Аудиозапись: Adobe Flash Player (версия 9 или выше) требуется для воспроизведения этой аудиозаписи. Скачать последнюю версию здесь. К тому же, в Вашем браузере должен быть включен JavaScript.

До новых встреч в моих новых статьях!

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 66

  1. Денис Скрипник:

    Ещё хорошая альтернатива — Uppod. Главное преимущество, которое я ценю — это html5 плеер.

    Ответить

    • Сергей:

      Денис, надо изучить твою информацию. Благодарю http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

      • Денис Скрипник:

        Пожалуйста. Изучите — не пожалеете. Это аудио и видео плеер: два в одном.

        Ответить

        • Саня Сабегатулин:

          А у меня в теме стандартный какой-то аудиоплейер, меня устраивает.

          Ответить

          • Alexandr:

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

            Ответить

  2. Евгений:

    Статья что надо Сергей! Мне скоро интервью брать у одного блогера. А чтоб аудио плеер на блоге вывести, взял твою статью на вооружение http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif

    Ответить

    • Сергей:

      Очень рад, что моя статья поможет в организации интервью http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

      Ответить

      • Alexandr:

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

        Ответить

        • Сергей Саранчин:

          Да, не скрою, Денис отличный специалист. это видно сразу. Появится свободное время — обязательно будет интервью

          Ответить

  3. Alexandr:

    Мне не нравится музыка на сайтах. Исключение музыкальные сайты. Там прослушивание уместно.

    Ответить

    • Саня Сабегатулин:

      Ну не знаю, я у себя на сайте сделал подборочку песен в машину. Думаю они в тему!

      Ответить

  4. Виталий Охрименко:

    Мне бы плеер такой найти чтобы сразу была и кнопочка скачать. Не знаете ничего такого для wordpress?

    Ответить

    • Сергей Саранчин:

      Не задавался подобным вопросом, ввиду того, что такая функция мне была не нужна… :grin:

      Ответить

      • Виталий Охрименко:

        я тоже пока не задавался, но вскоре планирую

        Ответить

        • Саня Сабегатулин:

          Витах, я задавался этим вопросом и ничего подобного не нашел. Придумал только так. Кидаешь подборочку песен 10 а потом ставишь кнопку скачать и привязываешь к ней архив этих 10 песен. К сожалению, получается двойное залитие песен на хостинг, ну подругому не получилось. :idea:

          Ответить

    • Alexandr:

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

      Ответить

      • Екатерина:

        Может Сане нужен был контент с музыкой на сайте. Вот и пришлось выкручиваться.

        Ответить

        • Alexandr:

          Загрузить контент с сайт ерунда. Код в одну строку.

          Ответить

        • Игорь:

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

          Ответить

          • Игорь:

            И автору блога Сергею,я могу доказательства педоставить

            Ответить

          • Сергей Саранчин:

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

            Ответить

          • Игорь:

            Ну так это я в адрес Екатерины выразился.
            :oops:
            А вам если доказательства запросите :cry:

            Ответить

          • Сергей Саранчин:

            Игорь, видите у человека какое рвение к получению звания «Комментатор года» на моём блоге :smile:

            Ответить

          • Игорь:

            Сергей,так у тебя еще и комментатор года конкурс есть? А я просмотрел. :o

            Ответить

          • Сергей Саранчин:

            Конечно, Игорь, поэтому и обстановка накаляется. Призы: 800, 500, 200 рубликов за 1, 2 и 3 место соответственно :oops:

            Ответить

          • Игорь:

            Первый раз про это слышу Сергей.Нормальные призы,значит буду бороться :cry:

            Ответить

          • Екатерина:

            И если я не ошибаюсь Саня уже давно не комментирует блог Сергея. К чему эти выпады в мою сторону? Или Вы просто хотите слить меня в конце месяца?

            Ответить

          • Игорь:

            Да никто вас не собирался сливать.
            Просто малехо по совести надо поступать.Я давно сомневался,а мне вас слили в одном блоге,а вчера вы ошибку допустили и все подтвердилось.
            Ну да ладно,комментируем далее.
            Только к вам я так и буду Екатерина обращаться :lol:

            Ответить

          • Екатерина:

            Игорь, с вопросом на блоге Вовы Савельева вопрос решился и он знает, что мы не дин и тот же человек. Я бы обиделась, если бы ко мне обращались не по имени.

            Ответить

          • Сергей Саранчин:

            Интересный поворот событий :arrow:

            Ответить

          • Игорь:

            Вот и я в шоке.А ведь уже не первый месяц с ними общаюсь.И не на одном блоге

            Ответить

          • Игорь:

            Кстати,таких мудрых,уже на многих сайтах разоблачают

            Ответить

          • Сергей Саранчин:

            Скоро начнётся движение «Народный комментатор» :cry:

            Ответить

          • Игорь:

            :cry: Может и такое быть

            Ответить

          • Alexandr:

            «Народный комментатор» :cry: А ещё «Комментатор -трибун»

            Ответить

          • Екатерина:

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

            Ответить

          • Игорь:

            Мне это не нужно.Это нужно авторам блогов с этим разбераться.

            Ответить

          • Екатерина:

            Вот и решили! Спасибо, что позабавили :oops:

            Ответить

          • Игорь:

            Да я тоже знаю этого человека.
            Он сам мне об этом говорил. :cry:

            Ответить

          • Екатерина:

            Так к чему был весь этот пафос? А говорят, что женской логики нет. Мда…

            Ответить

          • Alexandr:

            Игорь на правильном пути, но немного ошибается.

            Ответить

          • Alexandr:

            Игорь, предъявите общественности доказательства. Голословно нельзя говорить.

            Ответить

          • Alexandr:

            Секретики? Поделитесь инфой со мной на ушко? Я Вам тоже шепну что то.

            Ответить

          • Екатерина:

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

            Ответить

          • Alexandr:

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

            Ответить

          • Игорь:

            Да все я отличаю Катюш.Я просто не развил свою мысль.
            А когда капнул по глубже,оказалось что вы муж и жена.
            Ну и к чему были такие секреты? :lol:

            Ответить

          • Сергей Саранчин:

            Интересные подробности :cry:

            Ответить

          • Игорь:

            Да посто нужно было к Сане на страничку в контакте зайти и все.
            А тем более знакомых у нас общих в блогосфере достаточно.Кто то знает больше кто то меньше.
            Ну нарушений то никаких не было :cry:
            Надо было сразу сказать и интригу не делать.Но Катюха такая,любит секретики :lol:

            Ответить

          • Сергей Саранчин:

            :cry: Весело, ну да. Согласен, какие тут нарушения? Всё в норме :smile:

            Ответить

          • Игорь:

            Кстати девчуха красивая,блог бы тебе украшала в аватаре. :cry:

            Ответить

          • Сергей Саранчин:

            Ну, может стесняется показываться :cry:

            Ответить

          • Игорь:

            Да ладно :arrow:

            Ответить

          • Игорь:

            Кстати Катюш,вы фото так и не выставили.А чего стесняетесь?
            Вы очень симпатичная девушка. :oops:

            Ответить

          • Alexandr:

            Блогеру выгодно комментирование, а кто комментирует без разницы.

            Ответить

      • Игорь:

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

        Ответить

        • Екатерина:

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

          Ответить

          • Игорь:

            Катюш,ну это сейчас вы не к селу не к городу написали.
            Какой кусок хлеба,вы о чем?

            Ответить

          • Екатерина:

            Да Вы тут раздули. У Сергея комментирую только я, а Вы представили преступление века. Насмешили. :cry:

            Ответить

          • Игорь:

            Откуда вы знаете что я Саней на других блогах пересекаюсь?

            Ответить

          • Екатерина:

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

            Ответить

          • Alexandr:

            А что за блоги, на какую тематику? Узнать чем женщины интересуются.

            Ответить

          • Alexandr:

            :cry: :cry: :cry:
            Молодец, Игорь! Подловил!

            Ответить

          • Alexandr:

            Екатерина на каких блогах Вы ещё комментируете?

            Ответить

        • Alexandr:

          Блогер может купить комментарии у Екатерины с Саней, ничего не поменяется.

          Ответить

          • Игорь:

            В этом ничего зазорного нет.
            Просто нужно играть открыто.

            Ответить

    • Alexandr:

      Чтобы скачать, нужно знать местонахождение файла, оттуда и танцевать.

      Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: